@font-face{font-family:Fatimah;src:url("../assets/fonts/FatimahArabicITF-Light.otf") format("opentype");font-weight:300;font-display:swap}@font-face{font-family:Fatimah;src:url("../assets/fonts/FatimahArabicITF-Regular.otf") format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Fatimah;src:url("../assets/fonts/FatimahArabicITF-Bold.otf") format("opentype");font-weight:700;font-display:swap}:root{--tint-rgb:255,250,248;--bg:#090909;--panel:#121313;--panel-2:#181919;--ink:#fffaf8;--muted:#9b9b97;--faint:#656662;--line:rgba(var(--tint-rgb),.1);--blue:#6c9bad;--blue-bg:#173642;--on-dark:#fffaf8;--on-dark-muted:#d8d3d1;--logo-filter:brightness(0) invert(1)}:root[data-theme="light"]{--bg:#faf7f4;--panel:#fff;--panel-2:#f0ece5;--ink:#1c1712;--muted:#726a5c;--faint:#9c9280;--tint-rgb:20,16,10;--blue-bg:#dbe6ea;--logo-filter:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding-top:72px;background:var(--bg);color:var(--ink);font-family:Fatimah,"Segoe UI",sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}[hidden]{display:none!important}.eyebrow{margin:0 0 12px;color:var(--blue);font-size:.76rem;font-weight:700;letter-spacing:.02em}.portfolio-section{max-width:1520px;margin:0 auto;padding:clamp(75px,9vw,135px) clamp(18px,5vw,76px)}.portfolio-cta{padding:clamp(48px,6vw,80px) clamp(20px,6vw,90px);display:flex;align-items:flex-start;justify-content:center;flex-direction:column;border-top:1px solid var(--line);background:linear-gradient(125deg,#0c1113,#090909 68%);color:var(--on-dark)}.portfolio-cta h2{margin:0;font-size:clamp(1.7rem,3.6vw,2.9rem);font-weight:300;line-height:1.2;letter-spacing:-.02em}.portfolio-cta>p:not(.eyebrow){max-width:520px;margin:14px 0 22px;color:#aaa9a5;font-size:.84rem;line-height:1.75}.portfolio-cta>a{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:.76rem}.portfolio-cta>a span{color:#8eb6c5}.portfolio-cta>a{font-size:.76rem}.portfolio-unavailable{min-height:calc(100vh - 72px);padding:80px 20px;display:grid;place-content:center;text-align:center}.portfolio-unavailable>span{color:var(--blue);font-size:.75rem}.portfolio-unavailable h1{margin:8px 0 5px;font-size:clamp(2.2rem,5vw,4rem);font-weight:300}.portfolio-unavailable p{margin:0 0 20px;color:var(--muted)}.portfolio-unavailable a{justify-self:center;padding:9px 17px;border:1px solid var(--line);border-radius:999px}footer{min-height:150px;padding:35px clamp(22px,5vw,78px);border-top:1px solid var(--line);display:flex;align-items:center;gap:25px}footer img{width:115px;filter:var(--logo-filter)}footer p{color:var(--muted);font-size:.75rem}footer a{margin-inline-start:auto;color:var(--blue);font-size:.76rem}@media(max-width:700px){body{padding-top:64px}.portfolio-section{padding:22px 12px 60px}.portfolio-cta{padding:52px 16px}.portfolio-cta h2{font-size:clamp(1.5rem,6.5vw,2.1rem)}footer{align-items:flex-start;flex-direction:column}footer a{margin-inline-start:0}}.portfolio-section{padding-top:clamp(26px,3.4vw,44px)}/* سطر النوع تحت الاسم (مقهى/مطعم…) — يبقى ظاهرًا على كل المقاسات */
@media(max-width:700px){}
/* ===== شبكة معرض موحّدة: كل البطاقات بنفس النسبة على كل المقاسات ===== */
.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(12px,1.6vw,20px)}
.project-card{min-width:0}
.project-card__media{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border-radius:18px;background:var(--panel-2)}
.project-card__media img,.project-card__media video{width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.22,1,.36,1)}
.project-card:hover .project-card__media img,.project-card:hover .project-card__media video{transform:scale(1.035)}
.project-card__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 38%,rgba(0,0,0,.55) 72%,rgba(0,0,0,.88))}

/* هوية البطاقة: شعار + اسم + نوع + عدد المخرجات — أسطر منفصلة بلا تداخل */
.project-card__identity{position:absolute;inset-inline:16px;bottom:15px;display:flex;align-items:flex-end;gap:12px;color:#fff}
.project-card__brand{flex:none;display:flex;flex-direction:column;align-items:center;gap:7px}
.project-card__type{padding:3px 10px;border-radius:999px;background:rgba(12,12,12,.55);border:1px solid rgba(255,255,255,.24);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:.64rem;font-weight:500;line-height:1.5;white-space:nowrap}
.project-card__logo{width:46px;height:46px;flex:none;display:grid;place-items:center;border-radius:12px;background:#fff;overflow:hidden;color:#111;font-size:1.05rem;font-weight:700}
.project-card__logo img{width:100%;height:100%;object-fit:contain;padding:5px;transform:none!important}
.project-card__text{min-width:0;flex:1}
.project-card__text h3{margin:0;font-size:1.15rem;line-height:1.38;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.project-card__name-en{margin:5px 0 0;color:rgba(255,255,255,.72);font-size:.74rem;line-height:1.45;font-weight:500;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
@media(max-width:640px){
  .portfolio-grid{grid-template-columns:1fr}
  .project-card__media{aspect-ratio:3/2}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* سطر تصفية التصنيفات فوق الأعمال */
.place-filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:clamp(16px,2vw,24px)}
.place-filter{padding:8px 15px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-size:.78rem;font-weight:500;line-height:1;white-space:nowrap;transition:.2s}
.place-filter:hover{color:var(--ink);border-color:var(--muted)}
.place-filter.is-active{background:var(--blue-bg);border-color:rgba(108,155,173,.45);color:var(--ink)}
@media(max-width:640px){.place-filters{gap:6px;margin-bottom:14px}.place-filter{padding:7px 12px;font-size:.72rem}}