:root{--mateen-primary:#1f2933;--mateen-accent:#c89b3c;--mateen-text:#263238;--mateen-surface:#f7f7f5;--mateen-radius:18px;--mateen-section-spacing:56px}.mateen-slot{margin-block:var(--mateen-section-spacing)}.mateen-widget{color:var(--mateen-text);background:var(--mateen-surface);border-radius:var(--mateen-radius);padding:clamp(22px,4vw,42px)}.mateen-widget+.mateen-widget{margin-top:24px}.mateen-widget__title{color:var(--mateen-primary);margin:0 0 14px;font-size:clamp(1.35rem,3vw,2rem)}.mateen-widget__content>:first-child{margin-top:0}.mateen-widget__content>:last-child{margin-bottom:0}.mateen-media-grid{display:grid;gap:18px;margin-top:24px}.mateen-media-grid--videos{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start}.mateen-video{position:relative;overflow:hidden;border-radius:calc(var(--mateen-radius) - 4px);background:#111;margin-inline:auto;width:100%}.mateen-video--wide{aspect-ratio:16/9}.mateen-video--vertical{aspect-ratio:9/16;max-width:420px}.mateen-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.mateen-media-grid--images{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.mateen-media-grid--count-1{grid-template-columns:minmax(0,900px);justify-content:center}.mateen-work-image{margin:0;overflow:hidden;border-radius:calc(var(--mateen-radius) - 4px);background:#fff}.mateen-work-image img{display:block;width:100%;height:auto}.mateen-work-image figcaption{padding:10px 12px;font-size:.92rem}.mateen-widget--work-media{border-inline-start:4px solid var(--mateen-accent)}@media(max-width:600px){.mateen-slot{margin-block:36px}.mateen-widget{padding:20px}.mateen-media-grid{gap:12px}}
.mateen-hero{background:linear-gradient(180deg,var(--mateen-surface),#fff);border-radius:var(--mateen-radius);padding:clamp(28px,6vw,72px);margin-block:0 var(--mateen-section-spacing)}.mateen-hero h1{color:var(--mateen-primary);font-size:clamp(2rem,6vw,4rem);line-height:1.15;margin-top:0}.mateen-section{margin-block:var(--mateen-section-spacing)}.mateen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px}.mateen-card{background:var(--mateen-surface);border-radius:var(--mateen-radius);padding:24px}.mateen-card h2,.mateen-card h3{color:var(--mateen-primary);margin-top:0}.mateen-cta{background:var(--mateen-primary);color:#fff;border-radius:var(--mateen-radius);padding:clamp(24px,5vw,48px)}.mateen-cta h2,.mateen-cta h3{color:#fff;margin-top:0}.mateen-button,.mateen-button:visited{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--mateen-accent);color:#111;text-decoration:none;font-weight:700;border-radius:999px;padding:12px 20px}.mateen-button:hover{filter:brightness(.96);color:#111}