/* الخطوط العربية المجانية المعتمدة للمنصة. */
@font-face { font-family:"Tajawal"; src:url("assets/fonts/Tajawal-Regular.ttf") format("truetype"); font-style:normal; font-weight:400; font-display:swap; }
@font-face { font-family:"Tajawal"; src:url("assets/fonts/Tajawal-Medium.ttf") format("truetype"); font-style:normal; font-weight:500; font-display:swap; }
@font-face { font-family:"Tajawal"; src:url("assets/fonts/Tajawal-Bold.ttf") format("truetype"); font-style:normal; font-weight:700; font-display:swap; }
@font-face { font-family:"El Messiri"; src:url("assets/fonts/ElMessiri-SemiBold.ttf") format("truetype"); font-style:normal; font-weight:600; font-display:swap; }
@font-face { font-family:"El Messiri"; src:url("assets/fonts/ElMessiri-Bold.ttf") format("truetype"); font-style:normal; font-weight:700; font-display:swap; }
@font-face { font-family:"Cairo"; src:url("assets/fonts/Cairo-SemiBold.ttf") format("truetype"); font-style:normal; font-weight:600; font-display:swap; }
@font-face { font-family:"Cairo"; src:url("assets/fonts/Cairo-Bold.ttf") format("truetype"); font-style:normal; font-weight:700; font-display:swap; }
@font-face { font-family:"Cairo"; src:url("assets/fonts/Cairo-ExtraBold.ttf") format("truetype"); font-style:normal; font-weight:800; font-display:swap; }

:root {
  --green: #05403e;
  --green-2: #0b5550;
  --clay: #b65f3a;
  --sand: #c8a77a;
  --ivory: #f4efe4;
  --paper: #fbf8f1;
  --ink: #153532;
  --muted: #66736f;
  --line: rgba(5, 64, 62, .14);
  --shadow: 0 28px 70px rgba(5, 40, 38, .13);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: "Noto Kufi Arabic", "IBM Plex Sans Arabic", Tahoma, Arial, sans-serif;
  line-height: 1.8;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
.shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 1000; inset: 10px auto auto 10px; padding: 10px 16px; background: white; transform: translateY(-160%); }
.skip-link:focus { transform: none; }

.topline { background: var(--green); color: rgba(255,255,255,.82); font-size: 12px; }
.topline__inner { min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.topline p { margin: 0; }
.site-header { position: sticky; top: 0; z-index: 50; background: rgba(251,248,241,.92); backdrop-filter: blur(16px); border-bottom: 1px solid var(--line); }
.header__inner { min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 36px; }
.brand { display: inline-flex; align-items: center; gap: 13px; flex: 0 0 auto; }
.brand__mark { width: 52px; height: 52px; color: var(--clay); display: grid; place-items: center; }
.brand__mark svg { width: 100%; height: 100%; }
.brand__type { display: flex; flex-direction: column; line-height: 1.3; }
.brand__type strong { color: var(--green); font-size: 22px; letter-spacing: -.5px; }
.brand__type small { color: var(--clay); font-size: 10px; letter-spacing: 1.2px; margin-top: 4px; }
.nav { display: flex; align-items: center; gap: 25px; font-size: 13px; font-weight: 700; }
.nav a { position: relative; padding: 31px 0 27px; color: #365653; }
.nav a::after { content: ""; position: absolute; inset: auto 0 20px; height: 2px; background: var(--clay); transform: scaleX(0); transition: .25s ease; }
.nav a:hover::after, .nav a.active::after { transform: scaleX(1); }
.menu-button { display: none; border: 0; background: transparent; padding: 8px; }
.menu-button > span:not(.sr-only) { width: 25px; height: 2px; margin: 5px; display: block; background: var(--green); transition: .2s; }

.hero { position: relative; min-height: 670px; display: grid; align-items: center; isolation: isolate; overflow: hidden; }
.hero::before { content: ""; position: absolute; z-index: -2; inset: 0; background: linear-gradient(115deg, #fbf8f1 0 58%, #e8ddcb 58%); }
.hero__pattern { position: absolute; z-index: -1; inset: 0; opacity: .15; background-image: linear-gradient(30deg, transparent 35%, var(--green) 35% 37%, transparent 37%), linear-gradient(-30deg, transparent 35%, var(--clay) 35% 37%, transparent 37%); background-size: 80px 140px; mask-image: linear-gradient(to left, black, transparent 58%); }
.hero__grid { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 76px; padding-block: 90px; }
.eyebrow, .kicker { color: var(--clay); font-size: 12px; font-weight: 800; letter-spacing: .7px; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; }
.eyebrow i { width: 28px; height: 1px; background: var(--clay); }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 22px; font-size: clamp(52px, 6vw, 86px); line-height: 1.16; letter-spacing: -3px; color: var(--green); }
h1 em, h2 em { font-family: Georgia, "Times New Roman", serif; color: var(--clay); font-style: italic; font-weight: 500; }
.hero__lead { max-width: 620px; color: #4f6663; font-size: 17px; line-height: 2; }
.hero__actions { display: flex; gap: 12px; flex-wrap: wrap; margin: 33px 0 42px; }
.button { min-height: 51px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 0 24px; border: 1px solid transparent; font-size: 13px; font-weight: 800; transition: .25s ease; }
.button:hover { transform: translateY(-3px); }
.button--primary { color: white; background: var(--clay); box-shadow: 0 12px 30px rgba(182,95,58,.2); }
.button--ghost { border-color: var(--green); color: var(--green); }
.button--dark { color: white; background: var(--green); margin-top: 20px; }
.hero__byline { display: flex; gap: 9px; align-items: center; font-size: 12px; font-weight: 700; }
.hero__byline span { color: var(--clay); }
.hero__art { position: relative; min-height: 470px; }
.art-card { position: absolute; overflow: hidden; box-shadow: var(--shadow); }
.art-card--main { inset: 0 55px 45px 0; color: var(--ivory); background: var(--green); border-radius: 220px 220px 12px 12px; }
.art-card--main::after { content: ""; position: absolute; width: 250px; height: 250px; bottom: -120px; left: -80px; border: 38px solid var(--clay); border-radius: 50%; }
.art-number { position: absolute; top: 34px; right: 38px; opacity: .65; font-family: Georgia, serif; }
.art-word { position: absolute; z-index: 2; top: 105px; right: 55px; font-size: clamp(34px, 4vw, 54px); line-height: 1.35; font-weight: 800; }
.art-caption { position: absolute; z-index: 2; left: 28px; bottom: 28px; writing-mode: vertical-rl; font-size: 11px; letter-spacing: 2px; }
.art-orbit { position: absolute; border: 1px solid rgba(244,239,228,.55); border-radius: 50%; }
.art-orbit--one { width: 310px; height: 310px; left: -50px; top: 15px; }
.art-orbit--two { width: 170px; height: 170px; left: 18px; top: 85px; border-width: 28px; border-color: var(--sand); opacity: .75; }
.art-card--sand { width: 120px; height: 150px; right: 0; bottom: 0; display: grid; place-items: center; color: var(--green); background: var(--sand); }
.art-card--sand span, .art-card--clay span { transform: rotate(-90deg); font-weight: 800; }
.art-card--clay { width: 105px; height: 115px; left: 0; top: 15px; display: grid; place-items: center; color: white; background: var(--clay); border-radius: 50% 50% 4px 4px; }

.announcement { color: white; background: var(--clay); }
.announcement__inner { min-height: 60px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 24px; }
.announcement strong { padding-left: 24px; border-left: 1px solid rgba(255,255,255,.32); font-size: 12px; }
.ticker { position: relative; min-height: 24px; overflow: hidden; }
.ticker__item { position: absolute; inset: 0; opacity: 0; transform: translateY(10px); font-size: 13px; transition: .45s ease; }
.ticker__item.is-visible { opacity: 1; transform: none; }
.announcement__date { font-family: Georgia, serif; font-size: 13px; }

.section { padding: 110px 0; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 50px; margin-bottom: 52px; }
.section-heading h2, .journey-intro h2, .teacher-copy h2 { margin: 7px 0 0; color: var(--green); font-size: clamp(36px, 4.2vw, 58px); line-height: 1.25; letter-spacing: -2px; }
.section-heading > p { width: min(440px, 100%); margin-bottom: 4px; color: var(--muted); font-size: 14px; }
.pathway-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.pathway-card { position: relative; min-height: 330px; padding: 32px; display: flex; flex-direction: column; border: 1px solid var(--line); transition: .3s ease; overflow: hidden; }
.pathway-card::after { content: ""; position: absolute; width: 150px; height: 150px; inset: auto -60px -65px auto; border: 18px solid currentColor; border-radius: 50%; opacity: .11; }
.pathway-card:hover { transform: translateY(-8px); box-shadow: var(--shadow); }
.pathway-card--green { color: white; background: var(--green); }
.pathway-card--clay { color: white; background: var(--clay); }
.pathway-card--sand { color: var(--green); background: var(--sand); }
.pathway-card__index { align-self: end; opacity: .65; font-family: Georgia, serif; }
.pathway-card__icon { margin-top: 20px; font-size: 34px; }
.pathway-card h3 { margin: 18px 0 8px; font-size: 26px; }
.pathway-card p { font-size: 13px; opacity: .85; }
.branch-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.branch-card { min-height: 170px; padding: 24px 20px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; color: var(--green); background: rgba(244,239,228,.78); border: 1px solid rgba(5,64,62,.18); font: inherit; text-align: right; cursor: pointer; transition: transform .25s ease, background .25s ease, box-shadow .25s ease; }
.branch-card:nth-child(3n+2) { background: rgba(220,232,226,.9); }
.branch-card:nth-child(3n) { background: rgba(200,167,122,.28); }
.branch-card:hover, .branch-card:focus-visible, .branch-card.is-active { transform: translateY(-5px); color: var(--paper); background: var(--green); box-shadow: var(--shadow); outline: none; }
.branch-card__icon { width: 50px; height: 50px; margin-bottom: 22px; display: grid; place-items: center; color: var(--clay); background: var(--paper); border: 1px solid rgba(5,64,62,.15); border-radius: 50%; font-size: 24px; line-height: 1; }
.branch-card strong { font-size: 18px; line-height: 1.5; }
.branch-card small { margin-top: 5px; font-size: 11px; opacity: .72; }
.platform-panel { animation: panel-in .45s ease both; }
.platform-panel[hidden] { display: none !important; }
.branch-back { width: fit-content; margin: 0 auto 25px; padding: 9px 16px; display: block; color: var(--green); background: var(--sand); border: 1px solid rgba(5,64,62,.18); font-size: 11px; font-weight: 900; }
@keyframes panel-in { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
.text-link { margin-top: auto; font-size: 12px; font-weight: 800; }

.section--latest { background: var(--green); }
.section-heading--light h2 { color: var(--ivory); }
.section-heading--light > p { color: rgba(255,255,255,.68); }
.feature-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 18px; }
.feature { min-height: 250px; display: grid; grid-template-columns: 140px 1fr; overflow: hidden; background: var(--ivory); }
.feature--hero { grid-row: span 2; display: flex; flex-direction: column; }
.feature__visual { min-height: 300px; position: relative; overflow: hidden; background: #e7d2b7; }
.watercolor::before { content: ""; position: absolute; inset: 0; opacity: .55; filter: contrast(1.15); background: radial-gradient(ellipse at 20% 25%, rgba(17,108,119,.8), transparent 35%), radial-gradient(ellipse at 65% 60%, rgba(182,95,58,.8), transparent 34%), radial-gradient(ellipse at 85% 20%, rgba(200,167,122,.85), transparent 26%); }
.watercolor b { position: absolute; bottom: 16px; left: 24px; color: var(--green); font: 700 62px Georgia, serif; opacity: .75; }
.brushline { position: absolute; z-index: 2; width: 70%; height: 28px; right: 9%; top: 48%; background: var(--green); transform: rotate(-8deg); clip-path: polygon(0 40%, 92% 0, 100% 60%, 7% 100%); }
.feature__symbol { display: grid; place-items: center; color: var(--ivory); background: var(--sand); font-weight: 900; font-size: 21px; }
.feature__symbol--clay { background: var(--clay); }
.feature__body { padding: 29px 30px; }
.tag { display: inline-block; margin-bottom: 12px; color: var(--clay); font-size: 10px; font-weight: 900; letter-spacing: .5px; }
.feature h3 { margin-bottom: 10px; color: var(--green); font-size: 24px; line-height: 1.45; }
.feature p { color: #61716e; font-size: 13px; }
.meta { color: var(--clay); font: 700 13px Georgia, serif; }

.section--journey { background: #ece4d6; }
.journey-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; align-items: start; }
.journey-intro { position: sticky; top: 150px; }
.journey-intro > p { color: var(--muted); max-width: 440px; margin-top: 25px; }
.journey-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid rgba(5,64,62,.25); }
.journey-list li { min-height: 145px; display: grid; grid-template-columns: 70px 1fr; align-items: center; gap: 22px; border-bottom: 1px solid rgba(5,64,62,.25); }
.journey-list li > span { color: var(--clay); font: 700 16px Georgia, serif; }
.journey-list h3 { margin-bottom: 5px; color: var(--green); font-size: 23px; }
.journey-list p { margin: 0; color: var(--muted); font-size: 13px; }

.section--message { padding: 80px 0; background: var(--paper); }
.message-card { min-height: 330px; display: grid; grid-template-columns: 150px 1fr 240px; align-items: center; gap: 50px; padding: 48px; color: white; background: var(--clay); box-shadow: var(--shadow); }
.message-card__stamp { aspect-ratio: 1; display: grid; place-items: center; align-content: center; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; transform: rotate(-8deg); }
.message-card__stamp span { font-size: 11px; }
.message-card__stamp b { font: 700 42px Georgia, serif; }
.message-card .kicker { color: var(--ivory); opacity: .75; }
.message-card h2 { margin: 8px 0 13px; font-size: clamp(30px, 4vw, 48px); line-height: 1.3; }
.message-card__content > p { margin-bottom: 18px; color: rgba(255,255,255,.84); font-size: 14px; }
.message-card__tags { display: flex; flex-wrap: wrap; gap: 7px; }
.message-card__tags span { padding: 4px 10px; border: 1px solid rgba(255,255,255,.35); font-size: 10px; }
.message-card__side { padding-right: 30px; border-right: 1px solid rgba(255,255,255,.28); display: flex; flex-direction: column; gap: 8px; font-size: 11px; }
.message-card__side strong { font-size: 15px; }
.message-card__side a { margin-top: 25px; font-weight: 800; }

.section--talents { background: var(--paper); }
.talent-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 20px; }
.talent-feature { min-height: 520px; padding: 38px; color: white; background: var(--clay); }
.talent-feature__label { display: inline-block; padding: 6px 13px; border: 1px solid rgba(255,255,255,.55); font-size: 13px; font-weight: 800; }
.talent-feature__canvas { min-height: 280px; margin: 28px 0 24px; padding: 32px; display: flex; flex-direction: column; justify-content: space-between; background: var(--ivory); color: var(--green); }
.talent-feature__canvas strong { font-size: 55px; line-height: 1.25; }
.talent-feature__canvas span { color: var(--clay); font-size: 13px; font-weight: 800; }
.talent-feature > p { margin: 0; font-size: 15px; line-height: 2; color: rgba(255,255,255,.88); }
.talent-points { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); border-right: 1px solid var(--line); }
.talent-point { min-height: 250px; padding: 31px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); background: white; }
.talent-point > span { color: var(--clay); font-size: 14px; font-weight: 800; }
.talent-point h3 { margin: 38px 0 8px; color: var(--green); font-size: 24px; }
.talent-point p { color: var(--muted); font-size: 14px; line-height: 1.9; }

.section--portfolio { background: #ece4d6; }
.portfolio-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.portfolio-card { position: relative; min-width: 0; overflow: hidden; background: white; box-shadow: 0 12px 34px rgba(5,40,38,.08); }
.portfolio-card--wide { grid-column: span 2; }
.portfolio-card img { width: 100%; height: 290px; display: block; object-fit: cover; background: var(--ivory); }
.portfolio-card--wide img { height: 350px; }
.portfolio-card__caption { padding: 21px 24px 24px; }
.portfolio-card__caption span { color: var(--clay); font-size: 11px; font-weight: 800; }
.portfolio-card__caption h3 { margin: 7px 0 0; color: var(--green); font-size: 20px; line-height: 1.55; }
.portfolio-card--press { grid-column: span 3; display: grid; grid-template-columns: 1fr 1fr; align-items: center; }
.portfolio-card--press img { height: 190px; object-fit: contain; }
.portfolio-card--press .portfolio-card__caption { padding-inline: 32px; }

.section--library { background: var(--paper); }
.library-grid { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--line); border-right: 1px solid var(--line); }
.library-item { min-height: 190px; position: relative; display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; gap: 0 20px; padding: 30px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); transition: .25s ease; }
.library-item:hover { color: white; background: var(--green); }
.library-item > span { grid-row: span 2; color: var(--clay); font: 700 14px Georgia, serif; }
.library-item h3 { margin: 0; font-size: 22px; }
.library-item p { grid-column: 1; color: var(--muted); font-size: 12px; }
.library-item:hover p { color: rgba(255,255,255,.7); }
.library-item b { grid-area: 1 / 2 / 3 / 3; align-self: center; color: var(--clay); font-size: 25px; }

.section--teacher { color: white; background: #0a302f; }
.teacher-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 85px; align-items: center; }
.teacher-portrait { min-height: 500px; position: relative; display: grid; place-items: center; align-content: center; overflow: hidden; color: var(--green); background: var(--sand); }
.teacher-portrait::before, .teacher-portrait::after { display: none; }
.teacher-portrait img { width: 100%; height: 500px; display: block; object-fit: cover; object-position: center 35%; }
.teacher-portrait::before, .teacher-portrait::after { content: ""; position: absolute; border: 1px solid rgba(5,64,62,.28); border-radius: 50%; }
.teacher-portrait::before { width: 390px; height: 390px; }
.teacher-portrait::after { width: 260px; height: 260px; border-width: 30px; }
.portrait-initial { position: relative; z-index: 2; font: 500 150px Georgia, serif; }
.teacher-portrait p { position: relative; z-index: 2; font-size: 11px; }
.teacher-copy .kicker { color: var(--sand); }
.teacher-copy h2 { color: white; }
.teacher-role { color: var(--sand); font-size: 13px; }
.teacher-copy blockquote { margin: 28px 0; padding: 0 22px 0 0; border-right: 2px solid var(--clay); font-size: 21px; line-height: 1.9; font-weight: 700; }
.teacher-copy > p:not(.teacher-role) { color: rgba(255,255,255,.72); font-size: 14px; }
.teacher-notes { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin: 30px 0 10px; }
.teacher-notes span { padding: 18px; border: 1px solid rgba(255,255,255,.14); font-size: 11px; }
.teacher-notes b { display: block; margin-bottom: 4px; color: var(--sand); font-size: 13px; }

.footer { padding: 65px 0 25px; color: var(--green); background: var(--sand); }
.footer__grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr auto; align-items: center; gap: 45px; }
.brand--footer .brand__mark { color: var(--green); }
.brand--footer .brand__type small { color: var(--green); opacity: .7; }
.footer__grid > div:not(.brand) { display: flex; flex-direction: column; font-size: 11px; }
.footer__grid > div:not(.brand) span { opacity: .65; }
.footer__grid > div:not(.brand) strong { font-size: 12px; }
.to-top { width: 45px; height: 45px; display: grid; place-items: center; border: 1px solid var(--green); font-size: 20px; }
.footer__bottom { margin-top: 50px; padding-top: 20px; display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid rgba(5,64,62,.22); font-size: 10px; }

.reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
.reveal.is-revealed { opacity: 1; transform: none; }

@media (max-width: 980px) {
  .menu-button { display: block; }
  .nav { position: absolute; top: 88px; inset-inline: 0; padding: 18px 20px 28px; display: none; flex-direction: column; align-items: stretch; gap: 0; background: var(--paper); border-bottom: 1px solid var(--line); }
  .nav.is-open { display: flex; }
  .nav a { padding: 12px 0; }
  .nav a::after { display: none; }
  .hero__grid { grid-template-columns: 1fr; }
  .hero__art { min-height: 430px; max-width: 560px; width: 100%; margin-inline: auto; }
  .pathway-grid { grid-template-columns: 1fr; }
  .branch-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pathway-card { min-height: 250px; }
  .feature-grid { grid-template-columns: 1fr; }
  .feature--hero { grid-row: auto; }
  .journey-grid, .teacher-grid { grid-template-columns: 1fr; gap: 55px; }
  .journey-intro { position: static; }
  .message-card { grid-template-columns: 120px 1fr; }
  .talent-layout { grid-template-columns: 1fr; }
  .portfolio-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .portfolio-card--wide { grid-column: span 2; }
  .portfolio-card--press { grid-column: span 2; }
  .message-card__side { grid-column: 2; border-right: 0; padding: 0; }
  .teacher-portrait { min-height: 380px; }
  .footer__grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
  .shell { width: min(100% - 28px, 1180px); }
  .topline__inner { min-height: 42px; font-size: 9px; }
  .brand__mark { width: 42px; height: 42px; }
  .brand__type strong { font-size: 18px; }
  .brand__type small { font-size: 8px; }
  .hero::before { background: linear-gradient(165deg, #fbf8f1 0 68%, #e8ddcb 68%); }
  .hero__grid { padding-block: 65px; gap: 50px; }
  h1 { font-size: 48px; letter-spacing: -2px; }
  .hero__lead { font-size: 14px; }
  .hero__art { min-height: 350px; }
  .art-card--main { inset: 0 32px 36px 0; }
  .art-word { top: 85px; right: 38px; }
  .announcement__inner { grid-template-columns: auto 1fr; }
  .announcement__date { display: none; }
  .announcement strong { font-size: 10px; }
  .branch-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .branch-card { min-height: 150px; padding: 18px 15px; }
  .branch-card__icon { width: 43px; height: 43px; margin-bottom: 16px; font-size: 20px; }
  .branch-card strong { font-size: 15px; }
  .branch-card small { font-size: 9px; line-height: 1.6; }
  .ticker__item { font-size: 10px; }
  .section { padding: 75px 0; }
  .section-heading { align-items: start; flex-direction: column; gap: 18px; margin-bottom: 34px; }
  .section-heading h2, .journey-intro h2, .teacher-copy h2 { font-size: 38px; }
  .feature { grid-template-columns: 95px 1fr; }
  .feature__body { padding: 23px 20px; }
  .feature h3 { font-size: 20px; }
  .message-card { grid-template-columns: 1fr; gap: 25px; padding: 30px 24px; }
  .message-card__stamp { width: 100px; }
  .message-card__side { grid-column: 1; }
  .talent-points { grid-template-columns: 1fr; }
  .talent-feature__canvas strong { font-size: 44px; }
  .portfolio-grid { grid-template-columns: 1fr; }
  .portfolio-card--wide, .portfolio-card--press { grid-column: auto; }
  .portfolio-card img, .portfolio-card--wide img { height: auto; aspect-ratio: 4 / 3; }
  .portfolio-card--press { display: block; }
  .portfolio-card--press img { height: auto; aspect-ratio: 4 / 1; }
  .library-grid { grid-template-columns: 1fr; }
  .library-item { min-height: 165px; padding: 24px 20px; }
  .teacher-notes { grid-template-columns: 1fr; }
  .footer__grid { grid-template-columns: 1fr; gap: 25px; }
  .to-top { position: absolute; left: 20px; }
  .footer__bottom { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .reveal { opacity: 1; transform: none; }
}

/* المسارات الثلاثة للصفحة الرئيسية */
.announcement { position: relative; isolation: isolate; overflow: hidden; }
.announcement::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: .12;
  background-image: repeating-linear-gradient(135deg, transparent 0 30px, rgba(255,255,255,.72) 31px 32px, transparent 33px 62px), radial-gradient(circle at 12% 50%, rgba(244,239,228,.8) 0 2px, transparent 3px);
  background-size: auto, 24px 24px;
}
.announcement__inner { position: relative; }
.section--pathways { padding-top: clamp(55px, 7vw, 96px); }
.portal-stack { display: grid; gap: 22px; }
.portal-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(22px, 3.5vw, 42px);
  border: 1px solid rgba(5,64,62,.2);
  background: #f4efe4;
  box-shadow: 0 14px 38px rgba(5,64,62,.07);
}
.portal-card::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 250px;
  height: 250px;
  left: -80px;
  top: -100px;
  border: 1px solid rgba(5,64,62,.12);
  transform: rotate(45deg);
  box-shadow: 0 0 0 22px rgba(5,64,62,.025), 0 0 0 44px rgba(5,64,62,.025);
}
.portal-card--projects { background: #dce8e2; }
.portal-card--support { background: #eee4d4; }
.portal-card__main { display: grid; grid-template-columns: minmax(230px,.8fr) minmax(0,1.4fr); align-items: center; gap: clamp(22px,4vw,58px); }
.portal-card__copy { max-width: 440px; }
.portal-card__eyebrow { display: inline-block; color: var(--clay); font-size: 13px; font-weight: 800; }
.portal-card__copy h3 { margin: 5px 0 8px; color: var(--green); font-family: "Reem Kufi", "Studio Arabic", sans-serif; font-size: clamp(32px,4.2vw,54px); line-height: 1.35; }
.portal-card__copy p { max-width: 390px; margin: 0; color: #526a67; font-size: 15px; line-height: 1.9; }
.portal-gallery { position: relative; min-width: 0; overflow: hidden; aspect-ratio: 16 / 9; background: linear-gradient(135deg,rgba(5,64,62,.09),rgba(200,167,122,.18)); border: 5px solid rgba(255,255,255,.78); box-shadow: 0 8px 20px rgba(5,64,62,.12); }
.portal-gallery__slide { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; opacity: 0; transition: opacity .45s ease; }
.portal-gallery__slide.is-active { opacity: 1; }
.portal-gallery__arrow { position: absolute; z-index: 2; top: 50%; width: 42px; height: 42px; display: grid; place-items: center; padding: 0; color: var(--green); background: rgba(251,248,241,.92); border: 1px solid rgba(5,64,62,.2); border-radius: 50%; font-size: 28px; line-height: 1; cursor: pointer; transform: translateY(-50%); box-shadow: 0 4px 14px rgba(0,0,0,.12); }
.portal-gallery__arrow:hover, .portal-gallery__arrow:focus-visible { color: white; background: var(--clay); outline: 2px solid white; outline-offset: 2px; }
.portal-gallery__arrow--prev { right: 12px; }
.portal-gallery__arrow--next { left: 12px; }
.portal-gallery__dots { position: absolute; z-index: 2; left: 50%; bottom: 12px; display: flex; gap: 7px; transform: translateX(-50%); }
.portal-gallery__dot { width: 9px; height: 9px; padding: 0; background: rgba(251,248,241,.62); border: 1px solid rgba(5,64,62,.48); border-radius: 50%; cursor: pointer; }
.portal-gallery__dot[aria-current="true"] { width: 22px; background: var(--clay); border-color: var(--clay); border-radius: 8px; }
.portal-gallery__count { position: absolute; z-index: 2; top: 12px; left: 12px; padding: 4px 9px; color: var(--green); background: rgba(251,248,241,.9); border-radius: 20px; font-size: 11px; font-weight: 800; }
.portal-card__links { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 30px; padding-top: 20px; border-top: 1px solid rgba(5,64,62,.17); }
.portal-card__links button { min-height: 74px; display: flex; align-items: center; gap: 10px; padding: 10px 14px; color: var(--green); background: transparent; border: 0; border-left: 1px solid rgba(5,64,62,.13); font: inherit; font-size: 13px; font-weight: 700; text-align: right; cursor: pointer; transition: background .2s ease, color .2s ease; }
.portal-card__links button:last-child { border-left: 0; }
.portal-card__links button:hover, .portal-card__links button:focus-visible { color: var(--clay); background: rgba(255,255,255,.43); outline: 2px solid var(--clay); outline-offset: -2px; }
.portal-card__links button span { flex: 0 0 38px; width: 38px; height: 38px; display: grid; place-items: center; color: var(--clay); background: #fbf8f1; border: 1px solid rgba(5,64,62,.16); border-radius: 50%; font-size: 18px; }
@media (max-width: 760px) {
  .portal-card__main { grid-template-columns: 1fr; gap: 20px; }
  .portal-card__copy h3 { font-size: 36px; }
  .portal-gallery { aspect-ratio: 16 / 10; }
  .portal-card__links { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 23px; }
  .portal-card__links button { border-bottom: 1px solid rgba(5,64,62,.12); }
  .portal-card__links button:nth-child(even) { border-left: 0; }
  .portal-card__links button:nth-last-child(-n+2) { border-bottom: 0; }
}
@media (max-width: 420px) {
  .portal-card { padding: 20px 16px; }
  .portal-gallery { border-width: 3px; }
  .portal-gallery__arrow { width: 36px; height: 36px; }
  .portal-card__links button { gap: 7px; padding: 9px 5px; font-size: 11px; }
  .portal-card__links button span { flex-basis: 32px; width: 32px; height: 32px; }
}

/* النسخة البصرية الثانية: خط عربي قوي وهوية أوضح */
@font-face {
  font-family: "Studio Arabic";
  src: url("assets/fonts/NotoSansArabic-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Studio Arabic";
  src: url("assets/fonts/NotoSansArabic-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Alexandria", "Studio Arabic", Tahoma, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.9;
}

.topline { font-size: 13px; }
.header__inner { min-height: 98px; }
.brand { gap: 16px; }
.brand__mark {
  width: 58px;
  height: 64px;
  position: relative;
  display: grid;
  place-items: center;
  color: var(--ivory);
  background: var(--clay);
  border-radius: 30px 30px 5px 5px;
  box-shadow: inset 0 0 0 4px var(--paper), inset 0 0 0 6px var(--clay);
}
.brand__mark::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  left: -4px;
  bottom: 13px;
  background: var(--sand);
  transform: rotate(45deg);
}
.brand__mark::after { display: none; }
.brand__mark b { font-family: "Reem Kufi", "Studio Arabic", sans-serif; font-size: 25px; line-height: 1; }
.brand__type strong { font-family: "Reem Kufi", "Studio Arabic", sans-serif; font-size: 28px; font-weight: 700; letter-spacing: 0; }
.brand__type small { margin-top: 1px; color: var(--green); font-size: 12px; font-weight: 400; letter-spacing: 0; }
.nav { gap: 27px; font-size: 15px; }
.nav a { padding-block: 34px 30px; }

.hero { min-height: 700px; }
.hero::before { background: linear-gradient(110deg, #fbf8f1 0 61%, #eee4d4 61%); }
.hero__pattern { display: none; }
.hero__grid { grid-template-columns: 1.12fr .88fr; gap: 70px; }
.eyebrow, .kicker { font-size: 14px; letter-spacing: 0; }
h1 { max-width: 700px; font-size: clamp(58px, 6.5vw, 92px); line-height: 1.38; letter-spacing: -2px; }
h1 em, h2 em { position: relative; display: inline-block; font-family: inherit; font-style: normal; font-weight: 800; }
h1 em::after, h2 em::after {
  content: "";
  position: absolute;
  height: 8px;
  right: 2px;
  left: 2px;
  bottom: 5px;
  z-index: -1;
  background: var(--sand);
  opacity: .55;
}
.hero__lead { font-size: 18px; line-height: 2.05; }
.button { min-height: 56px; padding-inline: 28px; font-size: 15px; }
.hero__byline { font-size: 14px; }
.hero__art { min-height: 500px; display: grid; place-items: center; }
.art-poster {
  width: min(420px, 100%);
  min-height: 510px;
  position: relative;
  padding: 48px 46px 38px;
  color: var(--ivory);
  background: var(--green);
  border: 10px solid var(--paper);
  outline: 1px solid rgba(5,64,62,.22);
  box-shadow: var(--shadow);
  overflow: hidden;
}
.art-poster::before {
  content: "";
  position: absolute;
  width: 22px;
  inset: 0 auto 0 0;
  background: var(--clay);
}
.art-poster::after {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  left: -65px;
  bottom: -65px;
  border: 22px solid var(--sand);
  border-radius: 50%;
}
.art-poster__top { display: block; color: var(--sand); font-size: 20px; font-weight: 800; }
.art-poster > strong { display: block; margin: -10px 0 0; font-size: 138px; line-height: 1.25; letter-spacing: -8px; }
.art-poster__line { width: 100%; height: 12px; margin: -5px 0 25px; background: var(--clay); transform: skewX(-18deg); }
.art-poster > p { margin: 0; font-size: 24px; font-weight: 800; line-height: 1.65; }
.art-poster .art-poster__quote { margin-top: 30px; font-size: 29px; line-height: 1.85; }
.art-poster .art-poster__statement { font-size: 22px; line-height: 1.75; }
.art-poster__labels { position: absolute; right: 46px; bottom: 28px; display: flex; gap: 8px; }
.art-poster__labels span { padding: 4px 11px; border: 1px solid rgba(255,255,255,.45); font-size: 13px; font-weight: 800; }

.announcement__inner { min-height: 67px; }
.announcement strong, .ticker__item, .announcement__date { font-size: 14px; }

.section-heading h2, .journey-intro h2, .teacher-copy h2 { font-size: clamp(42px, 4.5vw, 64px); line-height: 1.5; letter-spacing: -1px; }
.section-heading > p { font-size: 16px; line-height: 2; }
.pathway-card { min-height: 350px; padding: 38px; }
.pathway-card::after { display: none; }
.pathway-card__index { font-family: inherit; font-size: 15px; font-weight: 800; }
.pathway-card__label { align-self: flex-start; margin-top: 28px; padding: 5px 12px; border: 1px solid currentColor; font-size: 13px; font-weight: 800; }
.pathway-card h3 { margin-top: 22px; font-size: 31px; }
.pathway-card p { font-size: 15px; line-height: 1.95; }
.text-link { font-size: 14px; }

.tag { font-size: 13px; letter-spacing: 0; }
.feature h3 { font-size: 27px; }
.feature p { font-size: 15px; line-height: 1.9; }
.meta { font-family: inherit; font-size: 14px; }
.watercolor b { left: 28px; bottom: 23px; font-family: inherit; font-size: 36px; }
.feature__symbol { font-size: 25px; }

.journey-intro > p { font-size: 16px; line-height: 2; }
.journey-list li { min-height: 155px; grid-template-columns: 1fr; }
.journey-list li > span { font-family: inherit; font-size: 16px; font-weight: 800; }
.journey-list h3 { font-size: 26px; }
.journey-list p { font-size: 15px; }

.message-card__stamp { transform: none; border-radius: 4px; }
.message-card__stamp span { text-align: center; font-size: 16px; line-height: 1.7; font-weight: 800; }
.message-card__stamp b { display: none; }
.message-card__content > p { font-size: 16px; }
.message-card__tags span { font-size: 12px; }
.message-card__side { font-size: 13px; }
.message-card__side strong { font-size: 17px; }

.library-item > span { font-family: inherit; font-size: 14px; font-weight: 800; }
.library-item h3 { font-size: 25px; }
.library-item p { font-size: 14px; }
.teacher-role { font-size: 15px; }
.teacher-copy > p:not(.teacher-role) { font-size: 16px; }
.teacher-notes span { font-size: 13px; }
.teacher-notes b { font-size: 15px; }
.portrait-initial { font-family: inherit; font-weight: 800; }
.teacher-portrait p { font-size: 13px; }

.brand--footer .brand__mark { color: var(--ivory); background: var(--green); box-shadow: inset 0 0 0 4px var(--sand), inset 0 0 0 6px var(--green); }
.brand--footer .brand__type small { color: var(--green); }
.footer__grid > div:not(.brand) { font-size: 13px; }
.footer__grid > div:not(.brand) strong { font-size: 14px; }
.footer__bottom { font-size: 12px; }

@media (max-width: 980px) {
  .nav { top: 98px; font-size: 16px; }
  .hero__grid { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .brand__mark { width: 48px; height: 52px; }
  .brand__mark b { font-size: 29px; }
  .brand__type strong { font-size: 21px; }
  .brand__type small { font-size: 11px; }
  h1 { font-size: 51px; }
  .hero__lead { font-size: 16px; }
  .art-poster { min-height: 430px; padding: 38px 32px 30px; }
  .art-poster > strong { font-size: 105px; }
  .art-poster > p { font-size: 21px; }
  .art-poster__labels { right: 32px; }
  .section-heading h2, .journey-intro h2, .teacher-copy h2 { font-size: 41px; }
  .announcement strong, .ticker__item { font-size: 12px; }
}

/* تثبيت الشعار الكتابي داخل الإطار */
.brand__mark {
  width: 72px;
  min-width: 72px;
  height: 62px;
  flex: 0 0 72px;
  padding: 0 8px;
  overflow: hidden;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.brand__mark b {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-align: center;
  font-size: 25px;
  line-height: 1.15;
  letter-spacing: 0;
  transform: translateY(-1px);
}

@media (max-width: 640px) {
  .brand__mark {
    width: 62px;
    min-width: 62px;
    height: 54px;
    flex-basis: 62px;
    padding-inline: 7px;
    border-radius: 12px;
  }
  .brand__mark b { font-size: 22px; }
}

/* منع تداخل كلمات بطاقة الرؤية على الشاشات الصغيرة */
.art-poster {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.art-poster::before,
.art-poster::after { z-index: 0; }
.art-poster > * {
  position: relative;
  z-index: 1;
}
.art-poster__labels {
  position: static;
  right: auto;
  bottom: auto;
  margin-top: 28px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.art-poster__labels span {
  min-width: 0;
  padding: 8px 6px;
  text-align: center;
  white-space: nowrap;
}

@media (max-width: 640px) {
  .art-poster {
    min-height: 0;
    padding: 38px 30px 34px;
  }
  .art-poster__labels {
    right: auto;
    margin-top: 24px;
    gap: 8px;
  }
  .art-poster__labels span {
    font-size: 12px;
    padding: 7px 4px;
  }
}
.ministry-logo { display: block; width: 62px; height: 72px; object-fit: contain; flex: 0 0 auto; }
@media (max-width: 640px) { .ministry-logo { width: 46px; height: 54px; } }

/* المعرض والملف المهني — استعادة الهوية البصرية */
.section--portfolio { position: relative; overflow: hidden; background: var(--paper); }
.section--portfolio::before {
  content: ""; position: absolute; width: 420px; height: 420px; left: -180px; top: 80px;
  border: 64px solid rgba(182,95,58,.08); border-radius: 50%;
}
.portfolio-frame { position: relative; padding: 34px; background: #eadfcd; border: 1px solid rgba(5,64,62,.16); }
.portfolio-pattern { position: absolute; inset: 0; overflow: hidden; pointer-events: none; opacity: .65; }
.portfolio-pattern span { position: absolute; width: 38px; height: 38px; border: 8px solid var(--clay); transform: rotate(45deg); }
.portfolio-pattern span:nth-child(1) { top: -20px; right: -20px; }
.portfolio-pattern span:nth-child(2) { top: 28px; right: 28px; border-color: var(--green); }
.portfolio-pattern span:nth-child(3) { bottom: -20px; left: -20px; }
.portfolio-pattern span:nth-child(4) { bottom: 28px; left: 28px; border-color: var(--green); }
.portfolio-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.25fr .75fr; grid-template-rows: auto auto auto; gap: 16px; }
.portfolio-card { display: flex; flex-direction: column; min-height: 0; border: 9px solid white; box-shadow: 0 18px 42px rgba(5,40,38,.12); }
.portfolio-card--hero { grid-row: span 2; }
.portfolio-card--media, .portfolio-card--press { grid-column: span 2; display: grid; grid-template-columns: 1.35fr .65fr; align-items: stretch; }
.portfolio-card img, .portfolio-card--hero img, .portfolio-card--tall img, .portfolio-card--square img { width: 100%; height: 310px; aspect-ratio: auto; object-fit: cover; }
.portfolio-card--hero img { height: 590px; object-fit: contain; background: #0b0b0b; }
.portfolio-card--tall img, .portfolio-card--square img { height: 250px; }
.portfolio-card--media img { height: 300px; object-fit: cover; }
.portfolio-card--press img { height: 175px; object-fit: contain; padding: 18px; background: #f5f1e8; }
.portfolio-card__caption { display: flex; flex-direction: column; justify-content: center; padding: 24px 26px 27px; border-top: 1px solid var(--line); }
.portfolio-card--media .portfolio-card__caption, .portfolio-card--press .portfolio-card__caption { border-top: 0; border-right: 1px solid var(--line); }
.portfolio-card__caption span { font-size: 12px; letter-spacing: .2px; }
.portfolio-card__caption h3 { font-size: 22px; }
.portfolio-card__caption p { margin: 8px 0 0; color: var(--muted); font-size: 13px; }

.section--teacher { position: relative; overflow: hidden; padding-top: 125px; }
.teacher-pattern { position: absolute; inset: 0; opacity: .12; background-image: linear-gradient(45deg, transparent 43%, var(--sand) 43% 47%, transparent 47%), linear-gradient(-45deg, transparent 43%, var(--clay) 43% 47%, transparent 47%); background-size: 72px 72px; mask-image: linear-gradient(to bottom, black, transparent 52%); }
.teacher-head { position: relative; display: grid; grid-template-columns: 1.25fr .75fr; gap: 65px; align-items: center; }
.teacher-intro .kicker, .career-label { color: var(--sand); font-size: 13px; font-weight: 800; }
.teacher-intro h2 { margin: 8px 0 6px; color: white; font-size: clamp(48px, 6vw, 78px); line-height: 1.3; }
.teacher-intro blockquote { max-width: 750px; margin: 34px 0 0; padding-right: 25px; border-right: 3px solid var(--clay); font-size: clamp(20px, 2.3vw, 29px); line-height: 1.8; font-weight: 700; }
.teacher-role { max-width: 760px; color: var(--sand); font-size: 15px; line-height: 1.9; }
.teacher-portrait { min-height: 440px; padding: 14px; align-content: stretch; background: var(--sand); box-shadow: 20px 20px 0 rgba(182,95,58,.42); }
.teacher-portrait img { height: 390px; object-fit: cover; object-position: center 25%; }
.portrait-caption { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 4px 0; color: var(--green); }
.portrait-caption strong { font-size: 14px; }
.portrait-caption span { font-size: 10px; font-weight: 800; }
.career-stats { position: relative; display: grid; grid-template-columns: repeat(4,1fr); margin-top: 80px; border-top: 1px solid rgba(255,255,255,.18); border-right: 1px solid rgba(255,255,255,.18); }
.career-stats > div { min-height: 175px; padding: 28px; display: flex; flex-direction: column; justify-content: space-between; border-left: 1px solid rgba(255,255,255,.18); border-bottom: 1px solid rgba(255,255,255,.18); }
.career-stats strong { color: var(--sand); font-size: clamp(24px,3vw,43px); line-height: 1.35; }
.career-stats span { color: rgba(255,255,255,.7); font-size: 12px; line-height: 1.8; }
.career-grid { position: relative; display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; margin-top: 75px; }
.career-story h3 { margin: 16px 0 18px; color: white; font-size: 29px; line-height: 1.65; }
.career-story p { color: rgba(255,255,255,.7); font-size: 14px; line-height: 2.05; }
.expertise-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.expertise-tags span { padding: 7px 13px; border: 1px solid rgba(200,167,122,.45); color: var(--sand); font-size: 11px; }
.career-achievements ol { margin: 18px 0 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.18); }
.career-achievements li { display: grid; grid-template-columns: 75px 1fr; gap: 22px; padding: 21px 0; border-bottom: 1px solid rgba(255,255,255,.18); }
.career-achievements li > b { color: var(--clay); font-size: 13px; }
.career-achievements strong { color: white; font-size: 16px; }
.career-achievements p { margin: 4px 0 0; color: rgba(255,255,255,.62); font-size: 12px; }

@media (max-width: 980px) {
  .portfolio-card--hero img { height: 520px; }
  .teacher-head, .career-grid { grid-template-columns: 1fr; }
  .teacher-portrait { max-width: 430px; width: 100%; }
  .career-stats { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 640px) {
  .portfolio-frame { padding: 14px; }
  .portfolio-grid { grid-template-columns: 1fr; }
  .portfolio-card--hero, .portfolio-card--media, .portfolio-card--press { grid-column: auto; grid-row: auto; display: flex; }
  .portfolio-card img, .portfolio-card--hero img, .portfolio-card--tall img, .portfolio-card--square img, .portfolio-card--media img { height: auto; aspect-ratio: 4 / 3; }
  .portfolio-card--hero img { object-fit: contain; }
  .portfolio-card--press img { height: auto; aspect-ratio: 4 / 1; }
  .portfolio-card--media .portfolio-card__caption, .portfolio-card--press .portfolio-card__caption { border-right: 0; border-top: 1px solid var(--line); }
  .teacher-head { gap: 40px; }
  .teacher-intro h2 { font-size: 48px; }
  .teacher-portrait { min-height: 0; }
  .teacher-portrait img { height: 360px; }
  .career-stats { grid-template-columns: 1fr 1fr; margin-top: 55px; }
  .career-stats > div { min-height: 145px; padding: 20px 16px; }
  .career-stats strong { font-size: 25px; }
  .career-grid { gap: 50px; margin-top: 55px; }
}

/* قسم المعلمة: شواهد هندسية مؤقتة مع استعادة الباترن والهوية التركوازية */
.hero__pattern {
  display: block;
  z-index: -1;
  opacity: .18;
  background-size: 72px 126px;
  mask-image: linear-gradient(to left, black, transparent 76%);
}
.section--portfolio { background: #e9e1d3; }
.portfolio-frame {
  padding: clamp(18px, 3vw, 38px);
  background: #d7e4df;
  border: 1px solid rgba(5,64,62,.28);
}
.portfolio-pattern { opacity: .9; }
.portfolio-pattern span { width: 44px; height: 44px; border-width: 7px; }
.evidence-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 17px;
}
.evidence-card {
  min-width: 0;
  min-height: 290px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: var(--paper);
  border: 1px solid rgba(5,64,62,.16);
  box-shadow: 0 14px 28px rgba(5,40,38,.09);
}
.evidence-card--wide { grid-column: span 2; }
.evidence-card > div:last-child { padding: 2px 8px 8px; }
.evidence-shape {
  min-height: 145px;
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: var(--ivory);
  background: var(--green);
  border: 8px solid var(--ivory);
  outline: 1px solid rgba(5,64,62,.2);
}
.evidence-shape::before, .evidence-shape::after {
  content: "";
  position: absolute;
  width: 118px;
  height: 118px;
  border: 2px solid rgba(244,239,228,.42);
  transform: rotate(45deg);
}
.evidence-shape::after { width: 72px; height: 72px; border-color: var(--sand); }
.evidence-shape span { position: relative; z-index: 1; padding: 5px 13px; color: var(--ivory); background: rgba(5,64,62,.78); font-size: 13px; font-weight: 800; }
.evidence-shape--frame { background: var(--green-2); }
.evidence-shape--seal { background: var(--clay); }
.evidence-shape--seal::before, .evidence-shape--seal::after { border-radius: 50%; transform: none; }
.evidence-shape--tile { color: var(--green); background: var(--sand); }
.evidence-shape--tile span { color: var(--green); background: var(--ivory); }
.evidence-shape--quote { background: #765246; }
.evidence-shape--certificate { color: var(--green); background: #c8d9d3; }
.evidence-shape--certificate span { color: var(--green); background: var(--ivory); }
.evidence-card__label { color: var(--clay); font-size: 12px; font-weight: 900; }
.evidence-card h3 { margin: 5px 0 7px; color: var(--green); font-size: 20px; }
.evidence-card p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.9; }

.section--teacher { background: #073a39; }
.teacher-pattern {
  opacity: .2;
  background-size: 58px 58px;
  mask-image: linear-gradient(to bottom, black, transparent 82%);
}
.teacher-portrait.teacher-photo-slot {
  min-height: 440px;
  padding: 22px;
  align-content: center;
  justify-items: center;
  gap: 18px;
  background-color: #d6e4df;
  background-image:
    linear-gradient(45deg, transparent 46%, rgba(5,64,62,.13) 46% 49%, transparent 49%),
    linear-gradient(-45deg, transparent 46%, rgba(182,95,58,.13) 46% 49%, transparent 49%);
  background-size: 38px 38px;
  border: 10px solid var(--ivory);
  box-shadow: 18px 18px 0 rgba(200,167,122,.55);
}
.teacher-photo-slot__motif {
  width: min(230px, 75%);
  aspect-ratio: 1;
  position: relative;
  display: grid;
  place-items: center;
  color: var(--ivory);
  background: var(--green);
  border: 8px solid rgba(244,239,228,.92);
  outline: 1px solid rgba(5,64,62,.35);
}
.teacher-photo-slot__motif::before, .teacher-photo-slot__motif::after {
  content: "";
  position: absolute;
  inset: 16%;
  border: 2px solid var(--sand);
  transform: rotate(45deg);
}
.teacher-photo-slot__motif::after { inset: 29%; border-color: rgba(244,239,228,.7); }
.teacher-photo-slot__motif span { position: relative; z-index: 1; font-family: "Reem Kufi", sans-serif; font-size: 65px; }
.teacher-photo-slot .portrait-caption {
  width: 100%;
  padding: 12px 10px 0;
  color: var(--green);
  border-top: 1px solid rgba(5,64,62,.18);
}
.teacher-record { position: relative; margin-top: 85px; }
.record-heading { max-width: 800px; margin: 0 0 28px; }
.record-heading h3 { margin: 8px 0 10px; color: var(--ivory); font-size: clamp(28px, 3.4vw, 43px); line-height: 1.5; }
.record-heading h3 em { color: var(--sand); font-style: normal; }
.record-heading p { margin: 0; color: rgba(244,239,228,.72); font-size: 13px; }
.record-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.record-card {
  min-width: 0;
  padding: 26px 27px;
  color: var(--ink);
  background: #f1ecdf;
  border: 1px solid rgba(200,167,122,.35);
  box-shadow: 0 13px 30px rgba(0,0,0,.12);
}
.record-card--accent { background: #dce8e2; border-color: rgba(11,85,80,.35); }
.record-kicker { color: #9a512f; font-size: 11px; font-weight: 900; }
.record-card h4 { margin: 7px 0 15px; color: var(--green); font-size: 20px; line-height: 1.6; }
.record-card > p { margin: 0; color: #526663; font-size: 12px; line-height: 2; }
.artwork-feature { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(240px, .8fr) minmax(260px, 1.2fr); gap: 30px; margin: 0; align-items: center; }
.artwork-feature__image { overflow: hidden; background: #d7d0c3; border: 1px solid rgba(5,64,62,.14); box-shadow: 0 12px 25px rgba(0,0,0,.15); }
.artwork-feature__image img { display: block; width: 100%; height: auto; aspect-ratio: 787 / 1235; object-fit: contain; }
.artwork-feature figcaption > p { margin: 0; color: #526663; font-size: 12px; line-height: 2; }
.artwork-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 20px 0 0; }
.artwork-meta div { padding: 11px 12px; background: rgba(5,64,62,.06); border-top: 2px solid rgba(154,81,47,.55); }
.artwork-meta dt { color: #9a512f; font-size: 10px; font-weight: 900; }
.artwork-meta dd { margin: 4px 0 0; color: var(--green); font-size: 11px; font-weight: 800; }
.record-list { margin: 0; padding: 0; list-style: none; }
.record-list li {
  display: grid;
  grid-template-columns: minmax(76px, auto) 1fr;
  gap: 12px;
  padding: 11px 0;
  border-top: 1px solid rgba(5,64,62,.13);
  font-size: 12px;
  line-height: 1.9;
}
.record-list li b { color: #9a512f; font-size: 11px; }
.record-list li span { color: #405b57; }
.record-section { margin-top: 78px; padding-top: 52px; border-top: 1px solid rgba(244,239,228,.22); }
.record-subgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
.record-card--local { background: #dce8e2; }
.record-card--international { background: #f1ecdf; }
.record-card--international-visits { grid-column:1 / -1; }
.certificate-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:24px 0 4px; align-items:start; }
.certificate-collage { display:block; margin:24px 0 4px; background:#fff; border-radius:6px; overflow:hidden; }
.certificate-collage img { display:block; width:100%; height:auto; aspect-ratio:1; }
.certificate-item { margin:0; padding:10px; background:#fff; border:1px solid rgba(104,26,50,.2); border-radius:6px; }
.certificate-item a { display:block; }
.certificate-item svg { display:block; width:100%; height:auto; background:#fff; }
.certificate-item figcaption { color:#681a32; font-size:12px; line-height:1.7; padding-top:10px; font-weight:700; }
.record-list .research-highlight { display:block; padding:18px; margin-bottom:14px; background:rgba(104,26,50,.08); border-right:4px solid #b75f39; }
.research-highlight b { display:block; margin-bottom:8px; }
@media(max-width:600px) { .certificate-gallery { grid-template-columns:1fr; } }
.participation-story { margin-top:22px; padding-top:20px; border-top:2px solid #b75f39; }
.participation-story h5 { margin:10px 0; color:#681a32; font-size:23px; line-height:1.6; }
.participation-story p { margin:0; color:#54192c; font-size:15px; line-height:2; }
.local-museum-card { grid-column:1 / -1; }
.local-museum-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:20px; }
.local-museum-grid figure { margin:0; overflow:hidden; border:1px solid rgba(104,26,50,.2); border-radius:8px; }
.local-museum-grid img { display:block; width:100%; aspect-ratio:4 / 3; object-fit:cover; }
.local-museum-grid figcaption { display:grid; gap:6px; padding:14px; color:#681a32; font-size:13px; }
.local-museum-grid strong { font-size:17px; }
.museum-source { font-size:11px; color:#681a32; margin:14px 0 0; }
.museum-source a { color:inherit; text-decoration:underline; }
@media(max-width:540px) { .local-museum-grid { grid-template-columns:1fr; } }
.international-visits-cover { display:block; width:100%; max-width:900px; height:auto; margin:20px auto 28px; border-radius:8px; }
.visit-country { border-top: 1px solid rgba(5,64,62,.16); }
.visit-country summary {
  padding: 13px 2px;
  color: var(--green);
  cursor: pointer;
  font-size: 13px;
  font-weight: 900;
  list-style-position: inside;
}
.visit-country[open] summary { color: #9a512f; }
.visit-country .record-list { padding: 0 12px 12px 0; }
.student-achievement { max-width: 780px; background: #dce8e2; border-right: 6px solid var(--clay); }

@media (max-width: 900px) {
  .evidence-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .record-subgrid { grid-template-columns: 1fr; }
  .artwork-feature { grid-template-columns: minmax(220px, .8fr) minmax(240px, 1.2fr); }
}
@media (max-width: 640px) {
  .evidence-grid, .record-grid { grid-template-columns: 1fr; }
  .evidence-card--wide { grid-column: auto; }
  .evidence-card { min-height: 0; }
  .evidence-shape { min-height: 125px; }
  .teacher-portrait.teacher-photo-slot { min-height: 0; }
  .teacher-photo-slot__motif { width: 175px; }
  .record-card { padding: 22px 19px; }
  .artwork-feature { grid-template-columns: 1fr; gap: 20px; }
  .artwork-meta { grid-template-columns: 1fr; }
  .record-section { margin-top: 58px; padding-top: 38px; }
  .record-list li { grid-template-columns: 74px 1fr; gap: 9px; }
}

.section--students { position: relative; overflow: hidden; background: linear-gradient(135deg, #e5eee9 0%, #f4efe4 55%, #eee4d5 100%); }
.section--students::before { content: ""; position: absolute; inset: 0 0 auto auto; width: min(42vw, 520px); height: 100%; opacity: .12; pointer-events: none; background: repeating-linear-gradient(45deg, transparent 0 28px, var(--green) 29px 31px, transparent 32px 58px); mask-image: linear-gradient(to left, black, transparent); }
.section--students > .shell { position: relative; z-index: 1; }
.student-management { display: grid; grid-template-columns: 66px 1fr 1.5fr; align-items: center; gap: 20px; padding: 24px 28px; margin-bottom: 22px; color: var(--ivory); background: var(--green); box-shadow: 12px 12px 0 rgba(200,167,122,.62); }
.student-management__mark { width: 58px; height: 58px; display: grid; place-items: center; color: var(--green); background: var(--sand); font-family: "Reem Kufi", sans-serif; font-size: 25px; }
.student-management div { display: flex; flex-direction: column; gap: 5px; }
.student-management strong { color: var(--sand); font-size: 13px; }
.student-management span:not(.student-management__mark) { color: rgba(244,239,228,.88); font-size: 12px; }
.student-highlight { margin: 26px 0 22px; padding: 20px 24px 22px; color: var(--ink); background: #e8e4d7; border-right: 5px solid #7a213a; }
.student-highlight__title { display: grid; grid-template-columns: auto minmax(0,1fr) 90px; align-items: center; gap: 14px; padding-bottom: 13px; border-bottom: 1px solid rgba(122,33,58,.18); }
.student-highlight .kicker { color: #7a213a; font-size: 11px; font-weight: 900; }
.student-highlight h3 { margin: 0; color: var(--green); font-size: clamp(19px,2.3vw,28px); line-height: 1.45; }
.student-highlight p { margin: 14px 0 0; color: #526663; font-size: 13px; line-height: 2; }
.student-highlight p strong { color: var(--green); }
.student-origin__brand { width: 82px; aspect-ratio: 1; justify-self: end; border-radius: 50%; background-image: url("assets/students/project-by-artist-source.jpeg"); background-size: 153% auto; background-position: 50% 43%; box-shadow: 0 8px 20px rgba(5,40,38,.14); }
@media (max-width:640px) { .student-highlight { padding: 17px 18px; } .student-highlight__title { grid-template-columns: 1fr 62px; gap: 9px; } .student-highlight .kicker { grid-column: 1; } .student-highlight h3 { grid-column: 1; } .student-origin__brand { grid-column: 2; grid-row: 1 / 3; width: 58px; } .student-highlight p { font-size: 14px; } }
.student-profile-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.student-profile-card { position: relative; min-height: 230px; padding: 28px 24px; overflow: hidden; color: var(--ink); background: rgba(251,248,241,.92); border: 1px solid rgba(5,64,62,.14); border-top: 4px solid var(--clay); box-shadow: 0 12px 30px rgba(5,40,38,.08); }
.student-profile-card::after { content: ""; position: absolute; width: 105px; height: 105px; left: -40px; bottom: -48px; border: 14px solid rgba(5,64,62,.08); transform: rotate(45deg); }
.student-profile-card__number { position: absolute; top: 16px; left: 19px; color: rgba(5,64,62,.32); font: 700 19px Georgia,serif; }
.student-profile-card__label { color: #9a512f; font-size: 11px; font-weight: 900; }
.student-profile-card h3 { margin: 9px 0; color: var(--green); font-size: 19px; }
.student-profile-card p { min-height: 54px; margin-bottom: 14px; color: #526663; font-size: 12px; line-height: 1.9; }
.student-profile-card__action { display: inline-block; padding-top: 11px; color: var(--green-2); border-top: 1px solid rgba(5,64,62,.14); font-size: 10px; font-weight: 800; }
.student-profile-card__photo { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; margin: 0 0 18px; object-fit: cover; object-position: center; border: 1px solid rgba(5,64,62,.16); background: var(--sand); }
.student-profile-card--featured { grid-column: span 2; display: grid; grid-template-columns: minmax(330px,1.15fr) minmax(280px,.85fr); gap: 0; padding: 0; background: linear-gradient(135deg,#d8d7d1 0%,#f1c69b 100%); border-top-color: #9f552f; }
.student-profile-card--featured::before,.student-profile-card--featured::after { display:none; }
.tasneem-visual { position:relative; aspect-ratio:1 / 1; min-height:0; overflow:hidden; background:#c8c4bb; isolation:isolate; }
.tasneem-visual::after { content:""; position:absolute; inset:0; border:1px solid rgba(255,255,255,.25); box-shadow:inset 0 0 0 1px rgba(5,64,62,.08); z-index:1; pointer-events:none; }
.tasneem-visual__portrait { width:100%; height:100%; min-height:0; object-fit:cover; object-position:center 28%; display:block; }
.tasneem-visual__award { position:absolute; top:18px; right:18px; width:112px; height:112px; object-fit:contain; z-index:2; filter:drop-shadow(0 8px 13px rgba(51,29,18,.25)); }
.tasneem-visual__moket { position:absolute; left:18px; bottom:18px; z-index:2; width:92px; height:92px; overflow:hidden; border-radius:50%; border:4px solid rgba(255,255,255,.86); background:#f5f4f0; box-shadow:0 9px 24px rgba(26,35,33,.25); }
.tasneem-visual__moket img { width:100%; height:100%; object-fit:cover; object-position:center 43%; transform:scale(1.9); }
.tasneem-profile { display:flex; flex-direction:column; justify-content:center; padding:44px 38px; position:relative; z-index:2; }
.tasneem-profile::before { content:"3"; position:absolute; left:26px; top:12px; color:rgba(99,48,27,.08); font:900 180px/1 Georgia,serif; pointer-events:none; }
.tasneem-profile h3 { margin:10px 0 12px; font-size:28px; }
.tasneem-profile__award-title { display:block; align-self:flex-start; margin-bottom:15px; padding:9px 14px; color:#fff; background:#b51f2e; border-right:5px solid #76121d; box-shadow:0 8px 20px rgba(181,31,46,.24); font-size:18px; line-height:1.45; }
.tasneem-profile p { flex:none; margin-bottom:20px; font-size:14px; }
.project-instagram { align-self:flex-start; display:inline-flex; align-items:center; gap:9px; padding:9px 14px; color:#fff; background:#0b4f4a; border-radius:999px; font-size:13px; font-weight:800; text-decoration:none; }
.project-instagram svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; }
.project-instagram:hover { background:#9f552f; }
.student-group-heading { grid-column: 1 / -1; padding: 14px 18px; margin-top: 8px; background: rgba(5,64,62,.06); border-right: 3px solid var(--sand); }
.student-group-heading span { color: #9a512f; font-size: 10px; font-weight: 900; }
.student-group-heading h3 { margin: 3px 0; color: var(--green); font-size: 18px; }
.student-group-heading p { margin: 0; color: #526663; font-size: 11px; line-height: 1.8; }
.record-subgrid .student-group-heading { grid-column: 1 / -1; }
@media (max-width: 900px) { .student-profile-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .student-management { grid-template-columns: 58px 1fr; } .student-management div:last-child { grid-column: 2; } }
@media (max-width: 640px) { .student-profile-grid { grid-template-columns: 1fr; } .student-management { gap: 12px; padding: 20px 17px; } .student-management__mark { width: 50px; height: 50px; } .student-management div:last-child { grid-column: 1 / -1; padding-top: 12px; border-top: 1px solid rgba(244,239,228,.22); } }
@media (max-width: 760px) { .student-profile-card--featured { grid-column:1; grid-template-columns:1fr; } .tasneem-visual,.tasneem-visual__portrait { min-height:0; } .tasneem-profile { padding:30px 23px 32px; } .tasneem-profile h3 { font-size:24px; } }
.student-open-calls { margin-top: 48px; padding: 30px; background: rgba(5,64,62,.06); border: 1px solid rgba(5,64,62,.15); }
.student-open-calls__heading { max-width: 740px; margin-bottom: 20px; }
.student-open-calls__heading h3 { margin: 6px 0 5px; color: var(--green); font-size: 25px; }
.student-open-calls__heading p { margin: 0; color: var(--muted); font-size: 12px; }
.student-open-calls__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.student-open-card { padding: 22px; background: var(--paper); border-right: 4px solid var(--sand); }
.student-status { display: inline-block; padding: 5px 10px; color: var(--green); background: #e5eee9; font-size: 10px; font-weight: 900; }
.student-open-card h4 { margin: 12px 0 7px; color: var(--green); font-size: 17px; line-height: 1.7; }
.student-open-card p { margin: 0; color: #526663; font-size: 12px; line-height: 1.9; }
@media (max-width: 640px) { .student-open-calls { padding: 20px 16px; margin-top: 32px; } .student-open-calls__grid { grid-template-columns: 1fr; } }
.section--initiatives { position: relative; overflow: hidden; background: var(--green); }
.section--initiatives .section-heading h2 { color: var(--ivory); }
.section--initiatives .section-heading > p { color: rgba(244,239,228,.72); }
.hackathon-feature { position: relative; display: grid; grid-template-columns: 100px 1fr auto; align-items: center; gap: 28px; padding: 34px; margin-bottom: 18px; color: var(--ivory); background: linear-gradient(110deg,#0b5550,#073c3a); border: 1px solid rgba(200,167,122,.48); box-shadow: 0 22px 48px rgba(0,0,0,.2); overflow: hidden; }
.hackathon-feature::after { content: ""; position: absolute; inset: -65px auto auto -30px; width: 210px; height: 210px; border: 22px solid rgba(200,167,122,.12); transform: rotate(45deg); }
.hackathon-feature__icon { z-index: 1; width: 90px; height: 90px; display: grid; place-items: center; color: var(--green); background: var(--sand); border-radius: 50%; box-shadow: 0 0 0 9px rgba(200,167,122,.13); }
.hackathon-feature__icon svg { width: 58px; height: 58px; }
.hackathon-feature__content { position: relative; z-index: 1; }
.hackathon-feature__eyebrow { color: var(--sand); font-size: 11px; font-weight: 900; }
.hackathon-feature h3 { margin: 7px 0 8px; color: var(--ivory); font-size: clamp(24px,3vw,37px); }
.hackathon-feature p { max-width: 770px; margin: 0; color: rgba(244,239,228,.78); font-size: 13px; line-height: 2; }
.hackathon-feature__tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 17px; }
.hackathon-feature__tags span { padding: 5px 10px; color: var(--ivory); background: rgba(244,239,228,.1); border: 1px solid rgba(244,239,228,.18); font-size: 10px; }
.hackathon-feature__stamp { z-index: 1; display: flex; flex-direction: column; color: var(--sand); text-align: center; font-family: Georgia,serif; }
.hackathon-feature__stamp strong { font-size: 38px; line-height: 1.2; }
.hackathon-feature__stamp span { font-size: 19px; }
.initiative-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.initiative-card { position: relative; min-height: 270px; padding: 28px 25px; overflow: hidden; color: var(--ink); background: #f4efe4; }
.initiative-card--clay { color: white; background: var(--clay); }
.initiative-card--sand { background: var(--sand); }
.initiative-card__index { position: absolute; left: 21px; top: 16px; color: rgba(5,64,62,.24); font: 700 22px Georgia,serif; }
.initiative-card--clay .initiative-card__index { color: rgba(255,255,255,.45); }
.initiative-card__type { color: #9a512f; font-size: 10px; font-weight: 900; }
.initiative-card--clay .initiative-card__type { color: #ffe2ba; }
.initiative-card h3 { margin: 9px 0; color: var(--green); font-size: 20px; }
.initiative-card--clay h3 { color: white; }
.initiative-card p { margin: 0 0 18px; color: #526663; font-size: 12px; line-height: 1.9; }
.initiative-card--clay p { color: rgba(255,255,255,.87); }
.initiative-card__note { position: absolute; right: 25px; bottom: 20px; color: var(--green); font-size: 10px; font-weight: 800; }
.initiative-card--clay .initiative-card__note { color: #ffe2ba; }
@media (max-width:900px) { .initiative-grid { grid-template-columns: 1fr 1fr; } .hackathon-feature { grid-template-columns: 80px 1fr; } .hackathon-feature__icon { width: 72px; height: 72px; } .hackathon-feature__icon svg { width: 48px; height: 48px; } .hackathon-feature__stamp { grid-column: 2; justify-self: start; flex-direction: row; gap: 5px; } }
@media (max-width:640px) { .initiative-grid { grid-template-columns: 1fr; } .initiative-card { min-height: 235px; } .hackathon-feature { grid-template-columns: 1fr auto; gap: 18px; padding: 25px 20px; } .hackathon-feature__icon { width: 66px; height: 66px; grid-row: 1; } .hackathon-feature__content { grid-column: 1 / -1; grid-row: 2; } .hackathon-feature__stamp { grid-column: 2; grid-row: 1; } }
.student-profile-card--talent { border-top-color: var(--sand); background: #f6f1e6; }
.student-profile-card--talent .student-profile-card__label { color: var(--green-2); }
.student-profile-card { display: flex; flex-direction: column; min-height: 250px; border-radius: 3px; transition: transform .22s ease, box-shadow .22s ease; }
.student-profile-card:hover { transform: translateY(-4px); box-shadow: 0 18px 38px rgba(5,40,38,.14); }
.student-profile-card > :not(.student-profile-card__number) { position: relative; z-index: 1; }
.student-profile-card p { flex: 1; min-height: 0; margin: 0 0 18px; font-size: 13px; line-height: 2; }
.student-profile-card__action { align-self: flex-start; margin-top: auto; font-size: 11px; }
@media (max-width:640px) { .student-profile-card { min-height: 0; padding: 25px 21px; } .student-profile-card h3 { font-size: 21px; } .student-profile-card p { font-size: 14px; } .student-profile-card__photo { height: auto; aspect-ratio: 1 / 1; } }
.alumni-panel { margin-top: 38px; padding: 28px; border: 1px solid rgba(5,64,62,.16); background: rgba(255,255,255,.42); }
.alumni-panel__heading { margin-bottom: 18px; }
.alumni-panel__heading h3 { margin: 6px 0; color: var(--green); font-size: 25px; }
.alumni-panel__heading p { margin: 0; color: var(--muted); font-size: 12px; }
.alumni-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.alumni-card { padding: 21px; background: #e9e4d8; border-right: 4px solid var(--sand); }
.alumni-card span { color: #795d39; font-size: 10px; font-weight: 900; }
.alumni-card h4 { margin: 8px 0; color: var(--green); font-size: 17px; }
.alumni-card p { margin: 0; color: #526663; font-size: 11px; line-height: 1.9; }
.alumni-card--featured { grid-column: auto; }
.alumni-card__image { display:block; width:100%; aspect-ratio:1 / 1; object-fit:cover; margin:0 0 18px; border-radius:2px; box-shadow:0 10px 28px rgba(5,40,38,.13); }
.alumni-card__placeholder { display:grid; place-items:center; background:linear-gradient(145deg,rgba(123,28,60,.12),rgba(11,79,74,.13)),#d8d5cf; border:1px dashed rgba(11,79,74,.3); box-shadow:none; }
.alumni-card__placeholder span { color:rgba(11,79,74,.7); font-size:12px; }
.alumni-card p strong { color:var(--green); }
.alumni-card--entrepreneur > span { color:var(--orange); font-size:12px; }
.alumni-card--entrepreneur h4 { font-size:22px; }
.alumni-card--entrepreneur p strong { display:block; margin-bottom:4px; color:var(--burgundy); font-size:13px; }
.alumni-card__social { display:flex; align-items:center; gap:10px; width:max-content; max-width:100%; margin-top:18px; padding:10px 13px; border:1px solid rgba(123,28,60,.24); color:var(--burgundy); background:rgba(255,255,255,.38); text-decoration:none; transition:transform .2s ease,background .2s ease; }
.alumni-card__social:hover { transform:translateY(-2px); background:rgba(255,255,255,.65); }
.alumni-card__social svg { width:24px; height:24px; flex:0 0 auto; fill:none; stroke:currentColor; stroke-width:1.7; }
.alumni-card__social > span { display:grid; gap:1px; color:inherit; font-size:11px; }
.alumni-card__social small { color:#526663; font-size:9px; font-weight:700; }
@media (max-width:900px) { .alumni-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width:640px) { .alumni-panel { padding: 20px 16px; } .alumni-grid { grid-template-columns: 1fr; } .alumni-card--featured { grid-column:auto; } }

/* الهوية البصرية المعتمدة: الفن العُماني المعاصر */
:root {
  --green: #0b4f4a;
  --green-2: #14655e;
  --clay: #b9653f;
  --sand: #d7ba88;
  --ivory: #f0dfc5;
  --paper: #d6e3dc;
  --ink: #123b38;
  --muted: #48635f;
  --line: rgba(11,79,74,.22);
  --shadow: 0 25px 65px rgba(10,55,51,.16);
}

body {
  background-color: #c9dad2;
  background-image:
    linear-gradient(135deg,rgba(11,79,74,.035) 25%,transparent 25%),
    linear-gradient(315deg,rgba(185,101,63,.035) 25%,transparent 25%);
  background-size: 72px 72px;
  font-family: "Studio Arabic", "Noto Sans Arabic", Tahoma, Arial, sans-serif;
  font-weight: 500;
}
h1, h2, h3, .brand__type strong, .portal-card__copy h3, .record-card h4, .student-profile-card h3 {
  font-family: "Reem Kufi", "Studio Arabic", sans-serif;
  font-weight: 700;
}
.site-header { background: rgba(214,227,220,.96); border-bottom: 2px solid rgba(11,79,74,.22); }
.header__inner { min-height: 96px; }
.brand { gap: 10px; }
.ministry-logo { padding-left: 10px; border-left: 1px solid rgba(11,79,74,.22); }
.studio-logo { width: 58px; height: 58px; display: grid; place-items: center; color: var(--green); }
.studio-logo svg { width: 100%; height: 100%; overflow: visible; }
.studio-logo__frame { fill: rgba(215,186,136,.55); stroke: currentColor; stroke-width: 2.4; }
.studio-logo__brush { fill: none; stroke: var(--clay); stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }
.studio-logo text { fill: var(--green); font-family: "Reem Kufi", sans-serif; font-size: 22px; font-weight: 700; text-anchor: middle; }
.brand__type strong { font-size: 25px; }
.brand__type small { color: #8e4d33; font-size: 11px; font-weight: 700; letter-spacing: .2px; }
.nav { font-size: 14px; font-weight: 800; }

.announcement {
  position: relative;
  overflow: hidden;
  background: linear-gradient(105deg,#093f3c 0 64%,#9e5236 100%);
  border-bottom: 3px solid var(--sand);
}
.announcement::before { content:"فن"; position:absolute; inset:-34px auto auto 8%; color:rgba(215,186,136,.08); font-family:"Reem Kufi",sans-serif; font-size:110px; font-weight:700; transform:rotate(-8deg); }
.announcement__inner { position:relative; z-index:1; min-height:68px; }
.announcement strong { color:var(--sand); font-size:14px; font-weight:900; }
.ticker__item { color:#f0dfc5; font-size:14px; font-weight:700; }
.announcement__date { color:#f0dfc5; font-weight:700; }

.teacher-launch-wrap { padding: 18px 0; background: #b9cec5; border-bottom: 1px solid rgba(11,79,74,.18); }
.teacher-launch { position:relative; width:100%; min-height:118px; display:grid; grid-template-columns:82px 1fr auto; align-items:center; gap:24px; padding:20px 28px; overflow:hidden; color:#f0dfc5; background:linear-gradient(112deg,#0b4f4a,#14655e 62%,#8e4d33); border:1px solid rgba(215,186,136,.58); box-shadow:0 13px 32px rgba(10,55,51,.16); text-align:right; cursor:pointer; }
.teacher-launch::before { content:"فن"; position:absolute; left:14%; top:-53px; color:rgba(215,186,136,.09); font-family:"Reem Kufi",sans-serif; font-size:150px; font-weight:700; transform:rotate(-10deg); }
.teacher-launch::after { content:""; position:absolute; inset:-75px -55px auto auto; width:190px; height:190px; border:20px solid rgba(215,186,136,.12); transform:rotate(45deg); }
.teacher-launch > * { position:relative; z-index:1; }
.teacher-launch__monogram { width:72px; height:72px; display:grid; place-items:center; color:var(--green); background:var(--sand); border-radius:50% 50% 8px 50%; box-shadow:0 0 0 7px rgba(215,186,136,.13); font-family:"Reem Kufi",sans-serif; font-size:36px; font-weight:700; }
.teacher-launch__copy { display:flex; flex-direction:column; min-width:0; }
.teacher-launch__copy small { color:var(--sand); font-size:12px; font-weight:900; }
.teacher-launch__copy strong { margin:2px 0; color:#f0dfc5; font-family:"Reem Kufi",sans-serif; font-size:clamp(24px,3vw,36px); line-height:1.45; }
.teacher-launch__copy > span { color:rgba(240,223,197,.82); font-size:12px; line-height:1.9; }
.teacher-launch__action { display:flex; align-items:center; gap:12px; padding:10px 16px; color:var(--green); background:var(--sand); font-size:12px; font-weight:900; white-space:nowrap; }
.teacher-launch:hover .teacher-launch__action, .teacher-launch:focus-visible .teacher-launch__action { color:#f0dfc5; background:var(--clay); }
.teacher-launch:focus-visible { outline:3px solid var(--sand); outline-offset:3px; }

.hero::before { background:linear-gradient(115deg,#c9dad2 0 58%,#d7ba88 58%); }
.hero__pattern, .teacher-pattern { opacity:.2; }
.art-poster, .portal-card, .feature, .record-card, .student-profile-card, .student-open-card, .initiative-card, .library-item, .alumni-card { position:relative; overflow:hidden; }
.art-poster::after, .portal-card::after, .record-card::after, .student-profile-card::before, .initiative-card::before, .library-item::before, .alumni-card::before { content:"فن"; position:absolute; left:-16px; bottom:-45px; color:rgba(11,79,74,.055); font-family:"Reem Kufi",sans-serif; font-size:105px; font-weight:700; line-height:1; pointer-events:none; transform:rotate(-12deg); }
.portal-card { background:#c9dad2; border-color:rgba(11,79,74,.25); }
.portal-card--projects { background:#d7cdb0; }
.portal-card--support { background:#c0d5cc; }
.portal-card__links button:hover, .portal-card__links button:focus-visible { background:rgba(215,186,136,.38); }
.portal-card__links button span, .branch-card__icon { background:#d7ba88; }
.section--pathways { background:#b9cec5; }
.section--students { background:linear-gradient(135deg,#bfd4ca,#d9c9a9 58%,#b9cec5); }
.student-profile-card, .student-open-card { background:#dce5d6; }
.student-profile-card:nth-of-type(even), .student-open-card:nth-child(even) { background:#e0cfad; }
.student-group-heading, .student-open-calls, .alumni-panel { background:rgba(215,186,136,.32); }
.section--journey, .section--learning, .section--guidance, .section--community, .section--library { background:#c9dad2; }
.feature, .record-card, .library-item, .alumni-card { background:#dfd3b8; }
.record-card--accent, .record-card--local { background:#bdd2c8; }
.branch-card { background:#d9c9a9; }
.branch-card:nth-child(3n+2) { background:#bed3ca; }
.branch-card:nth-child(3n) { background:#d7ba88; }
.skip-link { color:var(--green); background:var(--sand); }

@media (max-width:760px) {
  .header__inner { min-height:82px; }
  .studio-logo { width:48px; height:48px; }
  .brand__type strong { font-size:21px; }
  .teacher-launch { grid-template-columns:60px 1fr; gap:15px; padding:18px; }
  .teacher-launch__monogram { width:58px; height:58px; font-size:29px; }
  .teacher-launch__copy > span { display:none; }
  .teacher-launch__action { grid-column:2; width:fit-content; margin-top:-5px; }
}

@media (max-width:420px) {
  .ministry-logo { width:48px; padding-left:6px; }
  .studio-logo { width:42px; height:42px; }
  .brand { gap:6px; }
  .brand__type strong { font-size:18px; }
  .brand__type small { font-size:9px; }
  .announcement__inner { min-height:76px; grid-template-columns:auto 1fr; gap:10px; }
  .announcement__date { display:none; }
  .ticker__item { font-size:12px; line-height:1.7; }
}

/* تعريف المنصة والرؤية المهنية */
.hero__team { max-width:650px; margin:18px 0 0; padding:15px 18px; border-right:4px solid var(--clay); background:rgba(215,186,136,.3); color:var(--ink); font-size:15px; font-weight:650; line-height:1.9; }
.hero__team strong { color:#954827; }
.platform-poster { position:relative; min-height:470px; padding:54px 48px; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; color:#f9f1df; background:linear-gradient(145deg,rgba(11,79,74,.96),rgba(11,79,74,.86) 56%,rgba(185,101,63,.9)),repeating-linear-gradient(35deg,transparent 0 30px,rgba(255,255,255,.08) 31px 32px); box-shadow:18px 18px 0 rgba(185,101,63,.28); }
.platform-poster::before { content:""; position:absolute; width:260px; height:260px; left:-80px; top:-65px; border:34px solid rgba(215,186,136,.22); border-radius:50%; }
.platform-poster__mark { position:absolute; left:34px; top:24px; color:rgba(255,255,255,.1); font-family:"Reem Kufi",sans-serif; font-size:170px; font-weight:800; line-height:1; }
.platform-poster__label { color:var(--sand); font-size:16px; font-weight:900; }
.platform-poster h2 { position:relative; margin:9px 0 14px; color:#fff7e7; font-size:clamp(48px,6vw,82px); line-height:1.18; }
.platform-poster p { position:relative; margin:0; color:var(--sand); font-size:17px; font-weight:850; word-spacing:8px; }
.teacher-philosophy { position:relative; z-index:1; display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:34px; }
.philosophy-card { position:relative; min-height:210px; padding:34px; overflow:hidden; border-top:5px solid var(--sand); }
.philosophy-card::after { content:"فن"; position:absolute; left:-12px; bottom:-42px; color:rgba(255,255,255,.08); font-family:"Reem Kufi",sans-serif; font-size:130px; font-weight:800; transform:rotate(-10deg); }

/* الهوية المعتمدة: شعار فن وخطان عربيان واضحان فقط */
:root {
  --burgundy: #7a213a;
  --orange: #c77449;
}

body,
button,
input,
textarea,
select {
  font-family: "Studio Arabic", Tahoma, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.brand__type strong,
.portal-card__copy h3,
.teacher-launch__copy strong,
.teacher-photo-slot__motif span,
.student-management__mark {
  font-family: "Studio Arabic", Tahoma, Arial, sans-serif;
  font-weight: 800;
}

.art-number,
.announcement__date,
.pathway-card__index,
.watercolor b,
.meta,
.journey-list li > span,
.message-card__stamp b,
.library-item > span,
.portrait-initial,
.student-profile-card__number,
.tasneem-profile::before,
.hackathon-feature__stamp,
.initiative-card__index {
  font-family: "Studio Arabic", Tahoma, Arial, sans-serif;
}

.brand__logo {
  width: clamp(150px, 18vw, 225px);
  height: 76px;
  display: block;
  object-fit: contain;
  object-position: right center;
}

h1 em::after,
h2 em::after {
  height: 10px;
  bottom: 3px;
  background: var(--orange);
  opacity: .88;
}

.eyebrow,
.kicker,
.tag,
.portal-card__eyebrow,
.student-profile-card__label,
.portfolio-card__caption span {
  color: var(--burgundy);
}

@media (max-width: 640px) {
  .brand__logo { width: 142px; height: 62px; }
  .ministry-logo { max-width: 53px; }
}
.philosophy-card--vision { background:#0b5b55; }
.philosophy-card--mission { background:#9e5234; }
.philosophy-card span { color:var(--sand); font-size:15px; font-weight:900; }
.philosophy-card h3 { position:relative; z-index:1; margin:15px 0 0; color:#fff8e9; font-size:clamp(21px,2vw,29px); line-height:1.75; }
.teacher-philosophy__motto { grid-column:1/-1; margin:0; padding:16px 22px; color:var(--petrol); background:var(--sand); text-align:center; font-size:18px; font-weight:900; word-spacing:8px; }
@media (max-width:760px) {
  .platform-poster { min-height:350px; padding:36px 28px; }
  .teacher-philosophy { grid-template-columns:1fr; }
  .teacher-philosophy__motto { grid-column:auto; }
  .philosophy-card { min-height:180px; padding:28px 24px; }
}

/* الهوية الفنية المرِحة: برتقالي، عنابي، ورمادي دافئ */
:root {
  --green:#164f4b;
  --green-2:#226b64;
  --clay:#bd633e;
  --sand:#d99552;
  --ivory:#e7e5e0;
  --paper:#dededa;
  --ink:#243d3a;
  --muted:#64706e;
  --berry:#7a213a;
  --coral:#f35d59;
  --line:rgba(36,61,58,.17);
}
body { background-color:#d8d9d5; background-image:radial-gradient(circle at 15% 18%,rgba(255,159,100,.1) 0 3px,transparent 4px),linear-gradient(135deg,rgba(122,33,58,.025) 25%,transparent 25%); background-size:38px 38px,78px 78px; font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif; }
h1,h2,h3,.portal-card__copy h3,.record-card h4,.student-profile-card h3 { font-family:"Aref Ruqaa Ink","Noto Sans Arabic",serif; font-weight:700; letter-spacing:0; }
.brand__type strong,.teacher-launch__copy strong,.teacher-intro h2 { font-family:"Rakkas","Aref Ruqaa Ink",serif; font-weight:400; letter-spacing:0; }
.brand__type strong { color:var(--berry); font-size:31px; line-height:1.05; }
.brand__type small { color:#a74935; font-weight:800; }
.site-header { background:rgba(222,222,218,.96); }
.studio-logo { color:var(--berry); }
.studio-logo__frame { fill:var(--clay); stroke:var(--berry); stroke-width:2.8; }
.studio-logo__brush { stroke:#fff0df; stroke-width:4.2; }
.studio-logo__ornament { fill:none; stroke:var(--berry); stroke-width:1.7; stroke-linecap:round; }
.studio-logo__drop { fill:var(--coral); stroke:var(--berry); stroke-width:1.5; }
.studio-logo text { fill:var(--berry); font-family:"Rakkas",serif; font-size:26px; font-weight:400; }
.topline { background:var(--berry); }
.announcement { background:linear-gradient(105deg,#6b1d35 0 62%,#db7048 100%); border-bottom-color:var(--clay); }
.announcement strong,.announcement__date { color:#ffc08f; }
.ticker__item { color:#f1efea; }
.teacher-launch-wrap { background:#d2d3cf; }
.teacher-launch { color:#f2efea; background:linear-gradient(112deg,#164f4b,#226b64 55%,#7a213a); border-color:rgba(255,159,100,.72); }
.teacher-launch__monogram,.teacher-launch__action { color:var(--berry); background:var(--clay); }
.teacher-launch__copy strong { color:#fff0df; font-size:clamp(31px,4vw,48px); }
.hero::before { background:linear-gradient(115deg,#d8d9d5 0 58%,#bd633e 58%); }
.hero__team { background:rgba(255,159,100,.22); border-right-color:var(--berry); }
.platform-poster { background:linear-gradient(145deg,#164f4b,#226b64 55%,#7a213a); box-shadow:18px 18px 0 rgba(255,159,100,.5); }
.platform-poster__label,.platform-poster p { color:#ffc08f; }
.platform-poster h2 { font-family:"Aref Ruqaa Ink",serif; }
.section--pathways,.section--journey,.section--learning,.section--guidance,.section--community,.section--library { background:#d2d3cf; }
.portal-card,.student-profile-card,.student-open-card,.feature,.record-card,.library-item,.alumni-card { background:#e1e0dc; }
.portal-card--projects,.student-profile-card:nth-of-type(even),.student-open-card:nth-child(even),.branch-card:nth-child(3n) { background:#f2c89e; }
.portal-card--support,.record-card--accent,.record-card--local,.branch-card:nth-child(3n+2) { background:#c9d8d2; }
.artist-month-wrap { padding:18px 0 26px; background:#d2d3cf; }
.artist-month { position:relative; display:grid; grid-template-columns:135px 1fr 210px; gap:26px; align-items:center; padding:25px 28px; overflow:hidden; color:#f3efea; background:linear-gradient(118deg,#7a213a 0 66%,#bd633e 66%); box-shadow:0 16px 34px rgba(80,34,47,.16); }
.artist-month::after { content:"✦"; position:absolute; left:32%; top:-90px; color:rgba(255,255,255,.07); font-size:210px; transform:rotate(12deg); }
.artist-month > * { position:relative; z-index:1; }
.artist-month__portrait { width:118px; aspect-ratio:1; display:grid; place-items:center; border:5px solid #ffc08f; border-radius:50%; color:var(--berry); background:#dededa; box-shadow:0 0 0 8px rgba(255,255,255,.1); }
.artist-month__portrait span { font-family:"Rakkas",serif; font-size:48px; }
.artist-month__trophy { border-color:#e3aa57; background:radial-gradient(circle at 42% 32%,#fff2b9 0 8%,#e7b65f 30%,#9d5b20 100%); box-shadow:0 0 0 8px rgba(255,255,255,.1),0 13px 32px rgba(61,20,34,.28); }
.artist-month__trophy svg { width:78px; height:78px; overflow:visible; }
.artist-month__trophy path { fill:none; stroke:#6f351d; stroke-width:5; stroke-linecap:round; stroke-linejoin:round; }
.artist-month__trophy text { fill:#6f351d; font-family:"Studio Arabic",Tahoma,sans-serif; font-size:30px; font-weight:900; text-anchor:middle; }
.artist-month__eyebrow { color:#ffc08f; font-size:12px; font-weight:900; }
.artist-month h2 { margin:0; color:#fff1e6; font-family:"Rakkas","Aref Ruqaa Ink",serif; font-size:42px; font-weight:400; }
.artist-month p { max-width:690px; margin:3px 0 13px; color:rgba(255,255,255,.86); font-size:13px; line-height:1.9; }
.artist-month__criteria { display:flex; flex-wrap:wrap; gap:7px; }
.artist-month__criteria span { padding:5px 10px; border:1px solid rgba(255,192,143,.5); color:#ffd3b1; font-size:10px; font-weight:800; }
.artist-month__status { padding:15px; color:var(--berry); background:rgba(231,229,224,.88); text-align:center; }
.artist-month__status small,.artist-month__status span { display:block; font-size:10px; line-height:1.7; }
.artist-month__status strong { display:block; margin:4px 0; font-family:"Aref Ruqaa Ink",serif; font-size:23px; }
.artist-month__status { border:2px solid rgba(122,33,58,.2); box-shadow:0 10px 26px rgba(72,26,39,.15); }
.philosophy-card--vision { background:#226b64; }
.philosophy-card--mission { background:#7a213a; }
.teacher-philosophy__motto { color:var(--berry); background:var(--clay); }
@media (max-width:780px) {
  .artist-month { grid-template-columns:82px 1fr; gap:18px; padding:21px; }
  .artist-month__portrait { width:78px; }
  .artist-month__portrait span { font-size:34px; }
  .artist-month__status { grid-column:1/-1; }
  .artist-month h2 { font-size:34px; }
}

/* منظومة الخطوط المعتمدة: Tajawal للنص، El Messiri للعناوين، Cairo للتأكيد. */
html, body, body *, body *::before, body *::after,
button, input, textarea, select, option {
  font-family:"Tajawal", sans-serif !important;
}
h1, h2, h3, h4, h5, h6,
.brand__type strong,
.portal-card__copy h3,
.record-card h4,
.student-profile-card h3,
.philosophy-card h3,
.platform-poster h2,
.teacher-launch__copy strong,
.teacher-intro h2,
.artist-month h2,
.platform-poster__mark {
  font-family:"El Messiri", sans-serif !important;
  letter-spacing:0;
}
.studio-logo text,
.artist-month__trophy text,
.artist-month__status strong,
.teacher-launch__monogram,
.artist-month__portrait span,
.meta,
.announcement__date,
.pathway-card__index,
.student-profile-card__number,
.initiative-card__index,
.journey-list li > span,
.library-item > span,
.nav,
.portal-card__links button {
  font-family:"Cairo", sans-serif !important;
}
.teacher-intro h2 { line-height:1.55; }
.teacher-launch__copy strong { line-height:1.65; }

/* تحسين التباين وتقليل المساحات في الواجهة الرئيسية. */
body {
  color:#173d3a;
  background-color:#c5cfca;
}
.site-header { background:rgba(205,214,209,.97); }
.section--pathways,
.section--journey,
.section--learning,
.section--guidance,
.section--community,
.section--library,
.artist-month-wrap { background:#c5cfca; }
.hero {
  min-height:560px;
}
.hero::before {
  background:linear-gradient(115deg,#cbd5d0 0 58%,#c4774d 58%);
}
.hero__grid {
  padding-block:54px;
}
.hero__lead,
.section-heading > p,
.portal-card__copy p,
.student-profile-card p,
.student-group-heading p,
.student-highlight p,
.alumni-card p {
  color:#344f4c;
}
.portal-card,
.student-profile-card,
.student-open-card,
.feature,
.record-card,
.library-item,
.alumni-card {
  background:#d3ddd8;
}
.portal-card--projects,
.student-profile-card:nth-of-type(even),
.student-open-card:nth-child(even),
.branch-card:nth-child(3n) {
  background:#d9aa7a;
}
.portal-card--support,
.record-card--accent,
.record-card--local,
.branch-card:nth-child(3n+2) {
  background:#b9d1c9;
}
.student-group-heading,
.student-open-calls,
.alumni-panel {
  background:rgba(190,123,77,.34);
}
.student-group-heading {
  border-right-color:#a85836;
}
.portal-card__eyebrow,
.student-profile-card__label,
.student-group-heading span {
  color:#8b3f2e;
}
.platform-poster::before {
  width:235px;
  height:235px;
  left:22px;
  top:18px;
  border:0;
  border-radius:0;
  opacity:.13;
  background:url("assets/brand/fann-platform-logo.png") center/contain no-repeat;
}
.platform-poster__mark { display:none; }
@media (max-width:780px) {
  .hero { min-height:0; }
  .hero__grid { padding-block:42px; }
}

/* افتتاحية مختصرة: التعريف ثم قصة الطالبة مباشرة، من دون لوحة أثر مكررة */
.hero__grid {
  grid-template-columns:minmax(0, 820px);
  justify-content:center;
  gap:0;
}
.hero__content {
  max-width:820px;
}
.portal-card--students .portal-card__copy p {
  max-width:520px;
  font-size:16px;
  line-height:2.05;
}
.portal-card--no-media .portal-card__main {
  grid-template-columns:minmax(0, 1fr);
}
.portal-card--no-media .portal-card__copy {
  max-width:780px;
}
.portal-card--no-media .portal-card__copy p {
  max-width:760px;
}
.student-profile-grid > .student-highlight {
  grid-column:1 / -1;
  margin:8px 0 0;
}
.portal-card--students .portal-card__links .pathway-icon {
  width:54px;
  height:54px;
  flex-basis:54px;
  overflow:hidden;
  border:2px solid rgba(122,33,58,.16);
  background-color:#ead8b2;
  background-repeat:no-repeat;
  box-shadow:0 5px 14px rgba(20,72,68,.12);
}
.portal-card--students .pathway-icon--hackathon {
  background-image:url("assets/brand/icon-hackathon-2026-original.jpeg");
  background-size:145% auto;
  background-position:center;
  border-radius:50%;
  clip-path:circle(50%);
}
.portal-card--students .pathway-icon--fann {
  background-image:url("assets/brand/icon-fann-clean.png");
  background-size:92% auto;
  background-position:center;
}
.portal-card--students .pathway-icon--by-artist {
  background-image:url("assets/brand/icon-by-artist-v2.png");
  background-size:cover;
  background-position:center;
}
.portal-card--students .pathway-icon--graduate {
  background-image:url("assets/brand/icon-graduate-clean.png");
  background-size:90% auto;
  background-position:center;
  background-color:#fff;
}
.student-profile-card__photo--anwar {
  aspect-ratio:3 / 4;
  object-fit:contain;
  object-position:center;
  background:#d7ded9;
}

/* فصل فئات الطالبات: لا تظهر أي بطاقة خارج الفئة المفتوحة */
#student-team [data-student-category][hidden] {
  display:none !important;
}

/* بؤرة فنانة الشهر: ومضة قصيرة تلفت النظر ثم تهدأ */
.artist-month--spotlight {
  isolation:isolate;
  animation:artist-month-lift 5.8s ease-in-out infinite;
}
.artist-month--spotlight::before {
  content:"";
  position:absolute;
  z-index:0;
  inset:-70% -28%;
  pointer-events:none;
  background:linear-gradient(112deg,transparent 40%,rgba(255,233,182,0) 45%,rgba(255,233,182,.7) 50%,rgba(255,255,255,.2) 54%,transparent 60%);
  transform:translateX(68%) rotate(2deg);
  animation:artist-month-sweep 5.8s cubic-bezier(.22,.68,.32,1) infinite;
}
.artist-month--spotlight .artist-month__trophy {
  animation:artist-month-glow 2.9s ease-in-out infinite;
}
.artist-month--spotlight .artist-month__status {
  animation:artist-month-status 5.8s ease-in-out infinite;
}
@keyframes artist-month-sweep {
  0%,58% { transform:translateX(68%) rotate(2deg); opacity:0; }
  63% { opacity:1; }
  78% { transform:translateX(-68%) rotate(2deg); opacity:1; }
  83%,100% { transform:translateX(-68%) rotate(2deg); opacity:0; }
}
@keyframes artist-month-glow {
  0%,100% { box-shadow:0 0 0 8px rgba(255,255,255,.1),0 13px 32px rgba(61,20,34,.28); transform:scale(1); }
  50% { box-shadow:0 0 0 11px rgba(255,210,129,.2),0 0 32px rgba(255,206,111,.58),0 15px 35px rgba(61,20,34,.32); transform:scale(1.045); }
}
@keyframes artist-month-status {
  0%,55%,100% { transform:scale(1); }
  66%,76% { transform:scale(1.035); }
}
.announcement__pulse {
  width:8px;
  height:8px;
  display:inline-block;
  margin-inline-end:8px;
  border-radius:50%;
  background:#ffc08f;
  box-shadow:0 0 0 0 rgba(255,192,143,.7);
  animation:news-pulse 2s ease-out infinite;
}
.ticker__item b { color:#ffc08f; }
.ticker__item--celebration b {
  color:#ffe0a3;
  text-shadow:0 0 14px rgba(255,207,116,.45);
}
@keyframes news-pulse {
  0% { box-shadow:0 0 0 0 rgba(255,192,143,.7); }
  70%,100% { box-shadow:0 0 0 8px rgba(255,192,143,0); }
}
@media (prefers-reduced-motion:reduce) {
  .artist-month--spotlight,
  .artist-month--spotlight::before,
  .artist-month--spotlight .artist-month__trophy,
  .artist-month--spotlight .artist-month__status,
  .announcement__pulse { animation:none; }
}

/* لوحة هوية محدّثة: العنابي هو اللون القائد، والبرتقالي للتأكيد فقط */
:root {
  --green:#65182f;
  --green-2:#812440;
  --berry:#701c35;
  --burgundy:#701c35;
  --clay:#b95f3d;
  --orange:#c8754d;
  --sand:#d7b58a;
  --ivory:#f4e9e5;
  --paper:#f0e6e2;
  --ink:#48232e;
  --muted:#735d62;
  --line:rgba(112,28,53,.2);
  --shadow:0 24px 62px rgba(74,15,35,.2);
}
body { color:var(--ink); background:#6b1932; }
.site-header { color:#f5eae6; background:#681a32; border-bottom:1px solid rgba(244,233,229,.2); }
.brand__type strong,.nav a { color:#f4e9e5; }
.brand__type small { color:#e7b48f; }
.menu-button > span:not(.sr-only) { background:#f4e9e5; }
.nav a::after { background:#e3a36f; }
.topline { color:#f3e5df; background:#511225; }
.announcement { background:linear-gradient(105deg,#531326 0%,#741b36 72%,#8b2943 100%); border-bottom-color:#c9784f; }
.announcement::before { color:rgba(238,204,177,.08); }
.announcement strong,.announcement__date,.ticker__item { color:#f5eae6; }
.ticker__item b { color:#f0bb8d; }
.announcement__pulse { background:#f0bb8d; }
.teacher-launch-wrap { background:#64172f; border-color:rgba(244,233,229,.16); }
.teacher-launch { color:#f6ece8; background:linear-gradient(110deg,#511225 0%,#721b36 66%,#862643 100%); border-color:rgba(225,164,113,.55); }
.teacher-launch__monogram,.teacher-launch__action { color:#fff3ed; background:#a9463d; }
.teacher-launch__copy small,.teacher-launch__copy strong { color:#f6ece8; }
.teacher-launch__copy > span { color:rgba(246,236,232,.82); }
.teacher-launch:hover .teacher-launch__action,.teacher-launch:focus-visible .teacher-launch__action { color:#fff; background:#b95f3d; }
.artist-month-wrap { background:#681a32; }
.artist-month { background:linear-gradient(118deg,#531326 0%,#741b36 70%,#8c2945 100%); }
.hero::before { background:linear-gradient(112deg,#f0e6e2 0 58%,#7a203b 58%); }
.hero__pattern { opacity:.16; }
.hero h1,.hero__content h1 { color:#681a32; }
.hero .hero__lead { color:#5e484e; }
.hero__team { color:#4b2630; background:rgba(112,28,53,.09); border-right-color:#b95f3d; }
.hero__team strong { color:#812440; }
.art-card--main { color:#f4e9e5; background:#64172f; }
.art-card--main::after { border-color:#bd633e; }
.art-card--clay { background:#8b2943; }
.section--pathways { background:#6b1932; }
.section--pathways .section-heading h2 { color:#f4e9e5; }
.section--pathways .section-heading > p { color:#ead8d5; }
.portal-card { color:#4a2630; background:#f3e9e5; border-color:rgba(244,233,229,.42); }
.portal-card--projects,.portal-card--support { color:#f7eeea; background:linear-gradient(140deg,#59152a,#7a203b); }
.portal-card--projects .portal-card__copy h3,.portal-card--support .portal-card__copy h3 { color:#fff4ef; }
.portal-card--projects .portal-card__copy p,.portal-card--support .portal-card__copy p { color:#ead8d5; }
.portal-card--students .portal-card__copy h3 { color:#6c1932; }
.portal-card__links { border-color:rgba(112,28,53,.22); }
.portal-card__links button { color:#65182f; border-color:rgba(112,28,53,.19); }
.portal-card--projects .portal-card__links button,.portal-card--support .portal-card__links button { color:#f5eae6; border-color:rgba(244,233,229,.2); }
.portal-card__links button:hover,.portal-card__links button:focus-visible { color:#fff; background:#8a2944; }
.portal-card__links button span,.branch-card__icon { color:#7a203b; background:#e5c5b0; border-color:rgba(112,28,53,.2); }
.portal-card--students .portal-card__links .pathway-icon { border-color:rgba(112,28,53,.25); background-color:#f4e8e3; }
.section--students,.section--latest,.section--journey,.section--portfolio,.section--initiatives,.section--library,.section--teacher { color:#f4e9e5; background:#681a32; }
.section--students .section-heading h2,.section--journey .journey-intro h2,.section--portfolio .section-heading h2,.section--library .section-heading h2,.section--initiatives .section-heading h2 { color:#f8efec; }
.section--students .section-heading > p,.section--journey .journey-intro > p,.section--portfolio .section-heading > p,.section--library .section-heading > p,.section--initiatives .section-heading > p { color:#ead8d5; }
.section--students .kicker,.section--journey .kicker,.section--portfolio .kicker,.section--library .kicker,.section--initiatives .kicker { color:#e4a478; }
.student-profile-card,.student-open-card,.feature,.record-card,.library-item,.alumni-card { color:#48232e; background:#f2e8e4; }
.student-profile-card:nth-of-type(even),.student-open-card:nth-child(even),.portal-card--projects,.branch-card:nth-child(3n) { background-color:#e7d1ce; }
.student-profile-card p,.student-group-heading p,.student-highlight p,.alumni-card p,.record-card p,.feature p,.library-item p { color:#5f4b50; }
.student-group-heading,.student-open-calls,.alumni-panel { color:#522032; background:#e7d2d1; border-color:#b95f3d; }
.student-group-heading h3,.student-open-calls h3,.alumni-panel h3 { color:#65182f; }
.student-group-heading span,.student-profile-card__label,.portal-card__eyebrow { color:#a34c37; }
.student-highlight { color:#48232e; background:#e7d2d1; border-right-color:#b95f3d; }
.student-highlight .kicker { color:#8a2944; }
.journey-list { border-color:rgba(244,233,229,.3); }
.journey-list li { border-color:rgba(244,233,229,.28); }
.journey-list h3 { color:#f7ece8; }
.journey-list p { color:#e6d4d2; }
.section--latest { background:#5b152a; }
.section-heading--light h2 { color:#fff4ef; }
.section--latest .section-heading > p { color:#ead8d5; }
.feature { background:#f1e5e2; }
.feature h3 { color:#65182f; }
.section--portfolio { background:#6b1932; }
.portfolio-frame { background:#761e39; }
.evidence-card { color:#48232e; background:#f3e9e5; }
.evidence-card h3 { color:#65182f; }
.evidence-card p { color:#5f4b50; }
.section--message .message-card { background:linear-gradient(120deg,#531326,#7a203b); }
.message-card .kicker { color:#e8b48c; }
.message-card h2,.message-card p { color:#f5eae6; }
.section--initiatives .initiative-card { color:#48232e; background:#f2e8e4; }
.section--initiatives .initiative-card h3 { color:#65182f; }
.section--initiatives .initiative-card p { color:#5f4b50; }
.library-grid { border-color:rgba(244,233,229,.3); }
.library-item { border-color:rgba(112,28,53,.18); }
.library-item h3 { color:#65182f; }
.library-item:hover { color:#fff; background:#8a2944; }
.library-item:hover h3,.library-item:hover p { color:#fff; }
.section--teacher { background:#541426; }
.section--teacher .teacher-intro .kicker,.section--teacher .career-label { color:#e8b48c; }
.section--teacher .teacher-role,.section--teacher .teacher-intro blockquote { color:#f5eae6; }
.teacher-portrait { color:#65182f; background:#e7d1ce; }
.philosophy-card--vision { background:#7b203b; }
.philosophy-card--mission { background:#8b2943; }
.teacher-philosophy__motto { color:#5d1930; background:#e4b48c; }
.career-stats > div,.career-story,.career-panel,.record-section { background:#f1e6e2; color:#48232e; }
.career-stats span,.career-story p,.career-panel p { color:#5f4b50; }
.section--teacher .record-section { border-color:rgba(112,28,53,.24); }
.branch-card { color:#65182f; background:#f0e3df; border-color:rgba(244,233,229,.4); }
.branch-card:hover,.branch-card:focus-visible,.branch-card.is-active { color:#fff4ef; background:#8b2943; }
.section--journey,.section--learning,.section--guidance,.section--community,.section--library { background:#681a32; }
.skip-link { color:#fff; background:#681a32; }
@media (max-width:760px) {
  .site-header { background:#681a32; }
  .nav { background:#681a32; border-color:rgba(244,233,229,.2); }
}
@media (max-width:640px) {
  .portal-card--students .portal-card__links .pathway-icon {
    width:46px;
    height:46px;
    flex-basis:46px;
  }
}

/* ترويسة واضحة للشعار، وواجهة رئيسية دافئة بتوازن عنابي */
.site-header {
  color:#65182f;
  background:rgba(246,237,230,.98);
  border-bottom:2px solid rgba(101,24,47,.2);
  box-shadow:0 5px 20px rgba(74,15,35,.08);
}
.brand__logo { filter:none; }
.ministry-logo { opacity:1; }
.brand__type strong,.nav a { color:#65182f; }
.brand__type small { color:#a34c37; }
.menu-button > span:not(.sr-only) { background:#65182f; }
.nav a::after { background:#c8754d; }
.hero::before {
  background:linear-gradient(112deg,#f1e3dc 0 57%,#701c35 57%);
}
.hero__pattern { opacity:.1; }
.hero h1,.hero__content h1 { color:#65182f; }
.hero .hero__lead { color:#4d343a; }
.hero__team { color:#48232e; background:rgba(112,28,53,.11); }
.hero__team strong { color:#701c35; }
.hero .button--ghost { color:#65182f; border-color:rgba(101,24,47,.38); }
.hero .button--ghost:hover,.hero .button--ghost:focus-visible { color:#fff4ef; background:#701c35; }
@media (max-width:760px) {
  .site-header { background:rgba(246,237,230,.99); }
  .nav { color:#65182f; background:#f6ede6; border-color:rgba(101,24,47,.2); }
  .nav a { color:#65182f; }
  .hero::before { background:linear-gradient(165deg,#f1e3dc 0 67%,#701c35 67%); }
}

/* اعتماد البيج الرملي المرجعي بدل الخلفيات البيضاء */
:root {
  --platform-beige:#d2b68f;
  --platform-beige-soft:#dcc39f;
  --platform-beige-deep:#caa87b;
}
.site-header,
.nav {
  background:rgba(210,182,143,.98);
}
.announcement {
  background:var(--platform-beige);
  border-bottom:2px solid rgba(101,24,47,.3);
}
.announcement::before { color:rgba(101,24,47,.055); }
.announcement strong,
.announcement__date,
.ticker__item { color:#65182f; }
.ticker__item b,
.ticker__item--celebration b { color:#7b203b; text-shadow:none; }
.announcement__pulse { background:#a34c37; }
.hero::before {
  background:linear-gradient(112deg,var(--platform-beige) 0 57%,#701c35 57%);
}
.portal-card,
.student-profile-card,
.student-open-card,
.feature,
.record-card,
.library-item,
.alumni-card,
.evidence-card,
.section--initiatives .initiative-card,
.career-stats > div,
.career-story,
.career-panel,
.record-section,
.branch-card {
  background:var(--platform-beige);
}
.student-profile-card:nth-of-type(even),
.student-open-card:nth-child(even),
.student-group-heading,
.student-open-calls,
.alumni-panel,
.student-highlight,
.teacher-portrait {
  background:var(--platform-beige-soft);
}
.hero__team { background:rgba(101,24,47,.1); }
.portal-card--students .portal-card__links .pathway-icon { background-color:var(--platform-beige-soft); }
@media (max-width:760px) {
  .site-header,.nav { background:rgba(210,182,143,.99); }
  .hero::before { background:linear-gradient(165deg,var(--platform-beige) 0 67%,#701c35 67%); }
}

/* ضبط تباين الواجهة وتقليل طول الافتتاحية */
.announcement {
  background:linear-gradient(105deg,#59142a 0%,#721b36 68%,#81243d 100%);
  border-bottom-color:#bd633e;
}
.announcement::before { color:rgba(210,182,143,.07); }
.announcement strong,
.announcement__date,
.ticker__item { color:var(--platform-beige-soft); }
.ticker__item b,
.ticker__item--celebration b { color:#e6814f; text-shadow:0 0 13px rgba(230,129,79,.22); }
.announcement__pulse { background:#d9794b; }

.teacher-launch-wrap { padding:10px 0; background:#681a32; }
.teacher-launch {
  min-height:94px;
  padding:14px 22px;
  color:#65182f;
  background:linear-gradient(108deg,var(--platform-beige) 0%,var(--platform-beige-soft) 100%);
  border-color:rgba(101,24,47,.28);
  box-shadow:0 10px 24px rgba(55,11,27,.15);
}
.teacher-launch::before { color:rgba(101,24,47,.07); }
.teacher-launch::after { border-color:rgba(101,24,47,.08); }
.teacher-launch__copy small,
.teacher-launch__copy strong,
.teacher-launch__copy > span { color:#65182f; }
.teacher-launch__monogram { color:var(--platform-beige); background:#701c35; }
.teacher-launch__action { color:#65182f; background:#c66b43; }
.teacher-launch:hover .teacher-launch__action,
.teacher-launch:focus-visible .teacher-launch__action { color:#65182f; background:#dd8a5e; }

.artist-month-wrap { padding:10px 0 14px; }
.artist-month { gap:19px; padding:19px 22px; }
.artist-month__criteria span {
  padding:6px 11px;
  color:#65182f;
  background:var(--platform-beige);
  border-color:rgba(101,24,47,.24);
}
.artist-month__status {
  color:#65182f;
  background:#bd633e;
  border-color:#d9875e;
  box-shadow:0 10px 26px rgba(72,26,39,.22);
}
.artist-month__status small,
.artist-month__status strong,
.artist-month__status span { color:#65182f; }

.hero { min-height:0; }
.hero__grid { padding-block:34px; }
.hero__actions { margin:20px 0 12px; }
.hero .button--ghost {
  color:#65182f;
  background:var(--platform-beige-soft);
  border-color:var(--platform-beige-soft);
  box-shadow:0 10px 24px rgba(55,11,27,.16);
}
.hero .button--ghost:hover,
.hero .button--ghost:focus-visible { color:#65182f; background:#e3caa5; }
.section--pathways { padding-top:48px; }
.section--pathways .section-heading { margin-bottom:28px; }

.brand--footer .brand__mark--logo {
  width:78px;
  height:78px;
  padding:7px;
  background:var(--platform-beige-soft);
  border:1px solid rgba(101,24,47,.22);
  border-radius:18px;
  box-shadow:none;
}
.brand--footer .brand__mark--logo::after { display:none; }
.brand--footer .brand__mark--logo img { width:100%; height:100%; object-fit:contain; }

@media (max-width:760px) {
  .teacher-launch { min-height:84px; padding:12px 15px; gap:11px; }
  .teacher-launch__monogram { width:50px; height:50px; font-size:25px; }
  .teacher-launch__copy strong { font-size:29px; line-height:1.25; }
  .teacher-launch__action { padding:8px 13px; }
  .artist-month { grid-template-columns:68px 1fr; gap:12px; padding:16px 14px; }
  .artist-month__portrait { width:66px; }
  .artist-month__trophy svg { width:55px; height:55px; }
  .artist-month h2 { font-size:31px; }
  .artist-month p { margin-bottom:10px; line-height:1.72; }
  .artist-month__status { padding:11px; }
  .hero__grid { padding-block:26px; }
  .hero__lead { line-height:1.85; }
  .hero__actions { margin:15px 0 5px; }
  .section--pathways { padding-top:36px; }
  .section--pathways .section-heading { gap:10px; margin-bottom:20px; }
  .brand--footer .brand__mark--logo { width:64px; height:64px; }
}

.teacher-portrait.teacher-professional-collage { min-height: 0; padding: 0; align-self: center; }
.teacher-portrait.teacher-professional-collage img { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }

/* Compact professional record with a clear visits heading. */
.section--teacher .teacher-record { margin-top: 38px; }
.section--teacher .career-grid { margin-top: 32px; gap: 24px; }
.section--teacher .record-grid, .section--teacher .record-subgrid { gap: 24px; }
.section--teacher .record-section { margin-top: 32px; padding-top: 24px; }
.section--teacher .record-heading { margin-bottom: 20px; }
.section--teacher .record-heading--visits h3 { margin: 0; color: #65182f; font-size: clamp(27px, 3.5vw, 38px); font-weight: 700; line-height: 1.6; }
.section--teacher .record-section > .record-heading:has(> span:only-child) { margin-bottom: 16px; }
.section--teacher .record-section > .record-heading > .career-label { display: block; color: #65182f; font-size: clamp(23px, 3vw, 30px); font-weight: 700; line-height: 1.6; }
.section--teacher .record-heading:empty { display: none; }
@media (max-width: 700px) { .section--teacher .teacher-record { margin-top: 26px; } .section--teacher .record-section { margin-top: 24px; padding-top: 18px; } }

/* Four support libraries, matching the circular pathway navigation. */
#support-path .support-library-links button {flex-direction:column;justify-content:flex-start;text-align:center;gap:12px;padding:18px 12px;min-height:174px;}
#support-path .support-library-links .support-circle {display:grid;place-items:center;flex:0 0 76px;width:76px;height:76px;border-radius:50%;background:#f0dfbf;border:2px solid rgba(101,24,47,.22);box-shadow:0 5px 14px rgba(25,15,10,.12);}
#support-path .support-circle img {width:48px;height:48px;object-fit:contain;}
#support-path .support-library-links strong {font-size:16px;line-height:1.7;}
#support-path .support-library-links small {font-size:12px;line-height:1.7;max-width:190px;}
@media(max-width:700px){#support-path .support-library-links button{padding:16px 8px;min-height:160px;}#support-path .support-library-links strong{font-size:14px;}}

/* Support pathway uses the platform's wheat and burgundy palette. */
#support-path {background:var(--platform-beige);color:#65182f;}
#support-path .portal-card__copy h3 {color:#65182f;}
#support-path .portal-card__copy p {color:#51423b;}
#support-path .portal-card__eyebrow {color:#72223b;}
#support-path .support-library-links {border-color:rgba(101,24,47,.24);}
#support-path .support-library-links button {color:#65182f;border-color:rgba(101,24,47,.22);}
#support-path .support-library-links button small {color:#51423b;}
#support-path .support-library-links button:hover,#support-path .support-library-links button:focus-visible {background:var(--platform-beige-soft);color:#65182f;outline-color:#65182f;}
.feedback-email-form {display:grid;gap:12px;max-width:720px;}
.feedback-email-form label {color:#65182f;font-weight:700;margin-top:8px;}
.feedback-email-form input,.feedback-email-form select,.feedback-email-form textarea {width:100%;padding:12px 14px;border:1px solid #96725b;border-radius:8px;background:#f2e4ce;color:#3d302b;font:inherit;}
.feedback-email-form :is(input,select,textarea):focus-visible {outline:2px solid #701c35;outline-offset:2px;}
.feedback-email-form button {justify-self:start;cursor:pointer;}
.feedback-email-form .feedback-email-note {font-size:14px;line-height:1.8;margin:0;}
.feedback-email-form a {color:#65182f;justify-self:start;font-weight:700;}

.teacher-head > .teacher-professional-collage {grid-column:1 / -1;max-width:none;width:100%;box-shadow:none;}
.teacher-portrait.teacher-professional-collage img {aspect-ratio:16 / 9;height:auto;object-fit:contain;}

/* Media coverage spans the same content width as the visits section. */
.section--teacher .record-grid > .record-card--media {grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;align-items:start;}
.record-card--media > .record-kicker,.record-card--media > h4 {grid-column:1 / -1;}
.record-card--media > .international-visits-cover {grid-column:1;width:100%;height:auto;margin:0;object-fit:contain;}
.record-card--media > .record-list {grid-column:2;margin:0;}
@media(max-width:760px){.section--teacher .record-grid > .record-card--media{grid-template-columns:minmax(0,1fr);gap:0;}.record-card--media > .international-visits-cover,.record-card--media > .record-list{grid-column:1;}.record-card--media > .record-list{margin-top:20px;}}

/* Student library: four original posters with their decoded QR destinations. */
.student-poster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start;}
.student-poster-card{min-width:0;overflow:hidden;border:1px solid rgba(101,24,47,.22);background:var(--platform-beige-soft);box-shadow:0 8px 22px rgba(0,0,0,.12);}
.student-poster-image{display:block;background:#f4ead6;}
.student-poster-image img{display:block;width:100%;height:auto;object-fit:contain;}
.student-poster-copy{padding:22px;}
.student-poster-copy h3{color:#65182f;font-size:23px;line-height:1.6;margin:0 0 8px;}
.student-poster-copy p{color:#51423b;margin:0 0 18px;line-height:1.8;}
.student-poster-links{display:grid;gap:10px;}
.student-resource-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;background:#701c35;color:#f7e7c9;text-decoration:none;border:2px solid transparent;font-weight:700;line-height:1.6;}
.student-resource-link:hover,.student-resource-link:focus-visible{background:#501027;color:#fff;outline:2px solid #701c35;outline-offset:3px;}
@media(max-width:650px){.student-poster-grid{grid-template-columns:minmax(0,1fr);gap:24px;}.student-poster-copy{padding:18px;}}

.parent-poster-resource{max-width:760px;margin:0 auto;}
.parent-poster-resource .student-poster-image{border:1px solid rgba(101,24,47,.2);}
.parent-poster-resource > .student-resource-link{margin-top:16px;}

/* Four agreed studio achievement pathways. */
#projects-path{background:var(--platform-beige);color:#65182f;}
#projects-path .portal-card__copy h3,#projects-path .portal-card__eyebrow{color:#65182f;}
#projects-path .portal-card__copy p{color:#51423b;}
#projects-path .achievement-links{border-color:rgba(101,24,47,.22);gap:8px;}
#projects-path .achievement-link{flex-direction:column;justify-content:flex-start;text-align:center;color:#65182f;border-color:rgba(101,24,47,.2);padding:18px 10px;gap:12px;}
#projects-path .achievement-link strong{font-size:16px;line-height:1.7;}
#projects-path .achievement-link--pride{background:#701c35;color:#f5e6c9;border-radius:8px;}
#projects-path .achievement-link:hover,#projects-path .achievement-link:focus-visible{background:#dcc39f;color:#65182f;outline-color:#701c35;}
#projects-path .achievement-link--pride:hover,#projects-path .achievement-link--pride:focus-visible{background:#501027;color:#fff;}
#projects-path .achievement-circle,.studio-achievement-heading .achievement-circle{display:grid;place-items:center;flex:0 0 76px;width:76px;height:76px;border-radius:50%;background:#dcc39f;border:2px solid rgba(101,24,47,.2);}
.achievement-circle img{width:46px;height:46px;object-fit:contain;}
.studio-achievement-heading{padding:28px;background:var(--platform-beige);color:#65182f;display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px 22px;align-items:center;}
.studio-achievement-heading h2{font-size:clamp(28px,4vw,44px);color:inherit;margin:0;}
.studio-achievement-heading p{grid-column:2;color:#51423b;margin:0;line-height:1.9;}
.studio-achievement-heading--pride{background:#701c35;color:#f5e6c9;border:1px solid #dcc39f;}
.studio-achievement-heading--pride p{color:#f5e6c9;}
.studio-achievement-content:empty{display:none;}
@media(max-width:700px){#projects-path .achievement-link strong{font-size:14px;}.studio-achievement-heading{padding:20px;gap:12px;}.studio-achievement-heading p{grid-column:1/-1;}}

/* Home shortcut to the hackathon initiative, after the monthly artist. */
.hackathon-launch-wrap{padding:0 0 18px;}
.hackathon-launch{width:100%;display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:22px;align-items:center;padding:18px 24px;border:1px solid rgba(101,24,47,.26);border-radius:12px;background:var(--platform-beige);color:#65182f;text-align:right;font:inherit;cursor:pointer;box-shadow:0 8px 20px rgba(50,15,20,.13);}
.hackathon-launch__logo{width:96px;height:96px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:white;border:3px solid #701c35;flex-shrink:0;}
.hackathon-launch__logo img{display:block;width:158%;height:158%;max-width:none;object-fit:contain;transform:translateY(-1%);flex-shrink:0;}
.hackathon-launch__copy{display:grid;gap:4px;}
.hackathon-launch__copy small{font-size:13px;color:#714b3a;font-weight:700;}
.hackathon-launch__copy strong{font-family:'El Messiri',serif!important;font-size:clamp(24px,3vw,34px);line-height:1.5;color:#65182f;}
.hackathon-launch__copy>span{font-size:16px;color:#51423b;line-height:1.7;}
.hackathon-launch__action{padding:12px 18px;background:#701c35;color:#f5e6c9;border-radius:24px;font-weight:700;font-size:14px;white-space:nowrap;}
.hackathon-launch:hover,.hackathon-launch:focus-visible{background:var(--platform-beige-soft);outline:2px solid #701c35;outline-offset:3px;}
@media(max-width:650px){.hackathon-launch{grid-template-columns:74px minmax(0,1fr);padding:15px;gap:12px;}.hackathon-launch__logo{width:74px;height:74px;}.hackathon-launch__copy strong{font-size:23px;}.hackathon-launch__copy>span{font-size:14px;}.hackathon-launch__action{grid-column:2;justify-self:start;padding:8px 13px;font-size:12px;}}

.hackathon-journey-summary{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;padding:20px;margin-bottom:22px;color:#65182f;background:var(--platform-beige);border-right:5px solid #701c35;}
.hackathon-journey-summary strong{font-size:22px;}
.hackathon-journey-summary span{font-size:14px;}
.hackathon-next{padding:22px;margin-bottom:28px;color:#f5e6c9;background:#701c35;border:1px solid #dcc39f;}
.hackathon-next strong{font-size:23px;}
.hackathon-next p{line-height:1.9;margin:10px 0;}
.hackathon-next a{color:#f5e6c9;font-weight:700;text-underline-offset:5px;}
.hackathon-journey-date{display:inline-block;margin-bottom:10px;padding:5px 10px;color:#65182f;background:#ebd6b4;border-radius:4px;font-weight:700;}
.hackathon-journey-date--upcoming{background:#701c35;color:#f5e6c9;}
.hackathon-journey-card .student-poster-copy p{margin-bottom:0;}

.hackathon-participants,.hackathon-diagnosis{margin:28px 0;}
.hackathon-section-heading{background:var(--platform-beige);padding:22px 25px;margin:24px 0 18px;color:#65182f;border-right:5px solid #701c35;}
.hackathon-section-heading h3{font-size:clamp(25px,3.2vw,34px);line-height:1.6;margin:0 0 7px;color:#65182f;}
.hackathon-section-heading p{color:#51423b;line-height:1.9;margin:0;}
.hackathon-participants .student-profile-grid{margin-top:0;grid-template-columns:repeat(2,minmax(0,1fr));}
.diagnostic-photo-collage{aspect-ratio:1;max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;padding:8px;background:#dcc39f;border:2px solid #701c35;direction:ltr;overflow:hidden;}
.diagnostic-photo-collage a{display:block;min-width:0;min-height:0;overflow:hidden;}
.diagnostic-photo-collage a:first-child{grid-row:1/3;}
.diagnostic-photo-collage img{display:block;width:100%;height:100%;object-fit:cover;}
@media(max-width:650px){.hackathon-participants .student-profile-grid{grid-template-columns:minmax(0,1fr);}.hackathon-section-heading{padding:18px;}.diagnostic-photo-collage{gap:5px;padding:5px;}}

.current-level-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:12px;background:var(--platform-beige-soft);border:1px solid #701c35;align-items:start;}
.current-level-gallery a{display:block;min-width:0;}
.current-level-gallery img{display:block;width:100%;height:auto;object-fit:contain;}
@media(max-width:600px){.current-level-gallery{grid-template-columns:minmax(0,1fr);}}

/* Original training evidence stays grouped with its workshop. */
.workshop-media-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:center;padding:10px;background:#f6eddf;}
.workshop-media-pair .student-poster-image{margin:0;}
.workshop-media-pair img{width:100%;height:auto;max-height:none;object-fit:contain;}
.workshop-evidence{margin:0 18px 20px;padding-top:16px;border-top:1px solid #b98c60;}
.workshop-evidence h4{font-size:1.25rem;color:#701c35;margin:0 0 12px;}
.workshop-evidence img{display:block;width:100%;height:auto;}
.workshop-evidence p{font-size:.95rem;color:#674c39;line-height:1.8;}
.hackathon-start{grid-template-columns:minmax(0,1fr);max-width:760px;margin-inline:auto;}

.incense-news-wrap{padding:18px 0;}
.incense-news{display:grid;grid-template-columns:minmax(180px,280px) minmax(0,1fr);align-items:center;gap:32px;padding:24px;background:var(--platform-beige-soft,#e1c79e);border:1px solid #aa865d;}
.incense-news>a{display:block;max-width:280px;}
.incense-news img{display:block;width:100%;height:auto;}
.incense-news h2{color:#701c35;font-size:clamp(1.6rem,3vw,2.6rem);margin:12px 0;}
.incense-news p{color:#674c39;line-height:1.9;font-size:1.1rem;max-width:650px;}
.incense-news__detail{color:#701c35;font-size:.95rem;}
@media(max-width:600px){.incense-news{grid-template-columns:minmax(0,1fr);gap:18px;padding:18px;}.incense-news>a{width:100%;max-width:320px;margin:auto;}}

.studio-events{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.studio-event{background:#e1c79e;border:1px solid #ac875e;overflow:hidden;}
.studio-event>a{display:block;background:#f5ead8;}
.studio-event img{display:block;width:100%;height:auto;max-height:600px;object-fit:contain;}
.studio-event__copy{padding:24px;}
.studio-event h3{color:#701c35;font-size:1.6rem;margin:14px 0 10px;}
.studio-event p{color:#674c39;line-height:1.9;}
.studio-event__badge{display:inline-block;background:#701c35;color:#fff5df;padding:7px 13px;font-weight:700;}
.studio-event button{border:1px solid #701c35;padding:10px 16px;background:transparent;color:#701c35;cursor:pointer;font:inherit;}
@media(max-width:680px){.studio-events{grid-template-columns:minmax(0,1fr);gap:18px;}}

.studio-event--competition{grid-column:1/-1;}
.studio-event--competition img{width:100%;max-height:none;height:auto;object-fit:contain;background:#f7f1e5;}
.competition-subject{display:block;margin-top:12px;color:#701c35;border-top:1px solid #b68e67;padding-top:12px;font-weight:700;}

.fabric-extra-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:16px;background:#f5ecdf;}.fabric-extra-gallery img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;}@media(max-width:600px){.fabric-extra-gallery{grid-template-columns:repeat(2,minmax(0,1fr));}}

.ozone-six-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px;background:#f5ecdf;}.ozone-six-grid a{display:block;min-width:0;}.ozone-six-grid img{display:block;width:100%;aspect-ratio:1;height:auto;object-fit:contain;}@media(max-width:600px){.ozone-six-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;}}

.award-round{display:flex;width:152px;height:152px;border-radius:50%;background:#701c35;color:#fff3dc;border:4px double #dcb783;align-items:center;justify-content:center;flex-direction:column;gap:6px;text-align:center;margin:0 0 20px;}.award-round b{font-size:1.35rem;}.award-round small{font-size:.85rem;}.award-caption{font-weight:700;border-top:1px solid #b48a62;padding-top:14px;}

#moket-art-first-place>a{display:block;background:#f5ecdf;}#moket-art-first-place img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:1;object-fit:contain;}.moket-project-name{color:#701c35!important;font-weight:700;letter-spacing:0;margin-top:0;}

.minister-gift-figure{margin:0;background:#f5ecdf;}.minister-gift-figure>a{display:block;}.minister-gift-figure img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:1;object-fit:contain;}.minister-gift-figure figcaption{padding:16px 20px;text-align:center;color:#701c35;font-family:var(--font-display,inherit);font-size:1.6rem;font-weight:700;border-top:1px solid #b68e67;}

.ibhar-patron{border-right:3px solid #701c35;padding:10px 16px;background:#f4e6d1;color:#701c35!important;}#ibhar-two-participation img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:1;object-fit:contain;}

.ozone-four-collage{display:block;background:#f5ecdf;}.ozone-four-collage img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;}

/* Keep the introduction credit readable over the burgundy hero accent. */
.hero .hero__team { position:relative; background:#f3e5cf; color:#48152a; opacity:1; border-right-color:#b95f3d; }
.hero .hero__team strong { color:#65182f; }

.karak-session-card .student-poster-image { width:100%; max-width:460px; margin-inline:auto; }