.page-hero{color:#fff;background-color:#020617;align-items:center;min-height:450px;padding:100px 0 60px;font-family:Tajawal,sans-serif;display:flex;position:relative;overflow:hidden}.page-hero-viewport{z-index:0;position:absolute;inset:0}.page-hero-img{object-fit:cover;opacity:.4;width:100%;height:100%;transform:scale(1.05)}.page-hero-overlay{background:linear-gradient(270deg,#020617f2 0%,#020617b3 50%,#0000 100%);position:absolute;inset:0}.page-hero-container{z-index:2;width:100%;max-width:1280px;margin:0 auto;padding:0 2rem;position:relative}.breadcrumb-link{color:#fff9;align-items:center;gap:6px;font-size:.85rem;text-decoration:none;transition:color .3s;display:flex}.breadcrumb-link:hover{color:#c8a97e}.breadcrumb-separator{color:#ffffff4d}.breadcrumb-current{color:#c8a97e;font-size:.85rem;font-weight:500}.page-hero-content{max-width:800px}.page-hero-eyebrow{text-transform:uppercase;letter-spacing:2px;color:#c8a97e;border-right:2px solid #c8a97e;margin-bottom:1rem;padding-right:12px;font-size:.75rem;font-weight:800;display:block}.page-hero-title{color:#f8fafc;margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,3.75rem);font-weight:800;line-height:1.2}.title-accent{color:#c8a97e;background:linear-gradient(#e8d5b7,#c8a97e);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.page-hero-description{color:#cbd5e1;max-width:600px;font-size:1.15rem;font-weight:300;line-height:1.8}.hero-decorative-line{background:#c8a97e;width:30%;height:4px;position:absolute;bottom:0;right:0}.breadcrumb-list{align-items:center;gap:8px;margin:0 0 2.5rem;padding:0;list-style:none;display:flex}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x);flex-direction:row;align-items:center;gap:7px;width:fit-content;min-width:150px;padding-left:15px;display:flex;position:relative}.breadcrumb-item+.breadcrumb-item:before{float:right;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider,"/");position:absolute;left:0}@media (max-width:768px){.page-hero{min-height:350px;padding-top:120px}.page-hero-container{padding:0 1.5rem}.hero-decorative-line{width:100px}}
