@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=Tajawal:wght@400;500;700;800&display=swap');
:root{--red:#df252d;--ink:#15191c;--muted:#73787c;--paper:#f4f5f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:15px/1.7 'DM Sans','Tajawal',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,input,textarea,select{outline-offset:5px}img{display:block;max-width:100%}.wrap{width:min(1240px,90%);margin:auto}header{height:105px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{width:165px;height:80px;object-fit:cover}nav{display:flex;gap:32px;align-items:center;height:100%}nav a{font-size:13px;font-weight:600;display:flex;align-items:center;height:100%;border-bottom:3px solid transparent}nav .active{color:var(--red);border-color:var(--red)}#menu{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 24px;color:white;background:var(--red);border:1px solid var(--red);font-size:13px;font-weight:700;cursor:pointer;transition:.2s}.btn:hover{background:#b91e25;transform:translateY(-2px)}.header-cta{padding:11px 20px}.hero{color:white;background:linear-gradient(90deg,#0a1015f2,#0a10159c 52%,#0a101525),url('/assets/workshop.jpg') center 55%/cover;min-height:650px}.hero>.wrap{padding-top:88px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px}.red{color:var(--red)}h1,h2{font-family:'Barlow Condensed','Tajawal',sans-serif;line-height:1.04;letter-spacing:-1px;margin:22px 0}h1{font-size:clamp(55px,7vw,96px);max-width:650px}h2{font-size:clamp(36px,4vw,54px);font-weight:600}h3{font-size:20px;line-height:1.35}p{color:var(--muted)}.hero p{max-width:435px;color:#c1c7cb;font-size:16px}.actions{display:flex;gap:30px;align-items:center;margin-top:32px;font-size:13px;font-weight:600}.hero-foot{display:flex;justify-content:space-between;border-top:1px solid #ffffff30;padding:22px 0;margin-top:80px;font-size:9px;letter-spacing:1.8px;color:#b8bec2}.promise{background:var(--paper);border-bottom:1px solid #e1e3df}.promise .wrap{display:flex;justify-content:space-between;padding:25px 0;font-size:13px;font-weight:600}.promise em{font:25px 'Barlow Condensed',sans-serif;color:var(--red);margin-inline-end:15px}.section{padding-top:90px;padding-bottom:90px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:25px}.section-head>p{max-width:330px;font-size:13px}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ddd;border-inline-start:1px solid #ddd}.service{padding:30px;border-bottom:1px solid #ddd;border-inline-end:1px solid #ddd;transition:.2s}.service:hover{background:var(--paper)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.card-top b{font-size:32px;line-height:1;color:var(--red)}.card-top span{font:25px 'Barlow Condensed',sans-serif;color:#c2c6c8}.service h3{margin-bottom:14px;font-size:22px}.service p{font-size:13px;min-height:68px}.service small{font-size:11px;font-weight:700}.about{background:var(--paper);padding:85px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start}.about .split{align-items:center}.photo{position:relative}.photo img{height:480px;width:100%;object-fit:cover}.photo>span{position:absolute;bottom:25px;inset-inline-start:25px;background:var(--red);color:white;padding:20px 28px;font:38px 'Barlow Condensed',sans-serif}.photo small{display:block;font:10px 'DM Sans',sans-serif;letter-spacing:1.5px;margin-top:6px}.point{display:flex;gap:20px;border-top:1px solid #d8dbd7;padding-top:20px}.point>b{color:var(--red);font-size:13px}.point h3{font-size:15px;margin:0}.point p{font-size:13px}.cta{background:var(--red);color:white;padding:45px 50px;margin-top:70px;margin-bottom:70px;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta h2{max-width:650px;margin-bottom:0}.white{background:white;border-color:white;color:var(--ink);white-space:nowrap}.banner{padding-top:60px;padding-bottom:60px;border-bottom:1px solid #ddd}.banner h1{font-size:75px;max-width:850px}.detail{border-top:1px solid #ddd;padding:25px 0}.detail small{display:block;color:var(--muted);font-size:10px;letter-spacing:2px;margin-bottom:13px}.phone{font-size:28px;font-weight:600}.detail p{max-width:360px}.dark{background:var(--ink);border-color:var(--ink)}.request{background:var(--paper);padding:40px}.request h2{font-size:42px}.request p{font-size:13px}label{display:block;font-size:12px;font-weight:600;margin-bottom:18px}input,select,textarea{display:block;background:white;width:100%;padding:12px;border:1px solid #d5d9d6;margin-top:7px;color:var(--ink);border-radius:0}textarea{resize:vertical}.privacy{display:block;font-size:11px;color:var(--muted);margin-top:18px}.notice,.error{padding:15px;background:#dff3e4;color:#205d34;margin:15px 0}.error{background:#ffe5e5;color:#a11}.error p{color:inherit;margin:0}footer{background:#101416;color:white;padding-top:55px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr 1.2fr 1fr;gap:45px;padding-bottom:45px}footer h3{font-size:13px;margin-bottom:22px}footer p,footer a{font-size:12px;color:#a1a8ad}footer a{display:block;margin:10px 0}footer .logo{margin-top:-15px}.bottom{display:flex;justify-content:space-between;padding:22px 0;border-top:1px solid #ffffff18;font-size:9px;color:#7e888e;letter-spacing:1px}.whatsapp{position:fixed;bottom:20px;inset-inline-end:20px;background:#207b4c;color:white;padding:12px 20px;border-radius:30px;font-size:12px;box-shadow:0 5px 25px #0002;z-index:30}[dir=rtl] body{font-family:'Tajawal',sans-serif}[dir=rtl] h1,[dir=rtl] h2{line-height:1.3;letter-spacing:0}[dir=rtl] .hero{background:linear-gradient(270deg,#0a1015f2,#0a10159c 52%,#0a101525),url('/assets/workshop.jpg') center/cover}.admin-body{background:var(--paper)}.admin-shell{max-width:1200px;margin:auto;padding:35px 5%}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.admin-head h1{font-size:42px}.panel{background:white;border:1px solid #ddd;padding:25px;margin:25px 0}.panel h2{font-size:32px}.stats{display:flex;gap:15px}.stats>div{flex:1;background:var(--ink);color:white;padding:25px}.stats b{font-size:32px;display:block}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.admin-service{padding:20px 0;border-bottom:1px solid #ddd}.admin-service summary{cursor:pointer;font-weight:700;padding:12px}.delete{margin-top:15px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:15px;text-align:start;border-bottom:1px solid #ddd;vertical-align:top}td.message{min-width:180px;max-width:300px;overflow-wrap:anywhere}.login{max-width:420px;margin:9vh auto;background:white;padding:35px}.login h1{font-size:40px}.login .logo{margin:auto;width:220px;height:110px}.pagination{display:flex;justify-content:space-between;padding-top:20px}
@media(max-width:900px){header{gap:15px}nav{gap:18px}.header-cta{display:none}.split{gap:40px}.footer-grid{gap:25px}}
@media(max-width:640px){header{height:85px;position:relative}header .logo{width:125px;height:63px}#menu{display:block;background:none;border:0;font-size:25px;margin-inline-start:auto}nav{display:none;position:absolute;top:85px;inset-inline:0;height:auto;background:white;z-index:20;padding:20px;box-shadow:0 10px 20px #0002}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}nav a{padding:13px}.hero{min-height:610px}.hero>.wrap{padding-top:65px}.hero h1{font-size:64px;max-width:350px}.hero p{font-size:14px;max-width:300px}.hero-foot{margin-top:65px;font-size:8px;letter-spacing:.4px}.actions{gap:20px;align-items:start;flex-direction:column}.promise .wrap{flex-direction:column;gap:7px;padding:20px 0}.section{padding-top:55px;padding-bottom:55px}.section-head{display:block}.services{grid-template-columns:1fr}.service{padding:25px}.service p{min-height:0}.card-top{margin-bottom:20px}.split{grid-template-columns:1fr;gap:35px}.about{padding:55px 0}.photo img{height:330px}.cta{margin-top:45px;margin-bottom:45px;padding:30px;align-items:start;flex-direction:column}.cta h2{font-size:38px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.bottom{font-size:8px;gap:20px}.banner{padding:45px 0}.banner h1{font-size:50px}.request{padding:25px}.form-grid{grid-template-columns:1fr}.stats{flex-direction:column}.admin-head{flex-wrap:wrap}.login{margin:30px 5%}.whatsapp{padding:9px 15px}}
.brands-section{padding-top:20px;padding-bottom:85px}.brands-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #e0e3e2;border-bottom:1px solid #e0e3e2}.brand-card{display:flex;min-height:150px;padding:24px 12px;align-items:center;justify-content:center;flex-direction:column;gap:18px;text-align:center;border-inline-end:1px solid #e0e3e2;transition:background .2s}.brand-card:last-child{border-inline-end:0}.brand-card:hover{background:var(--paper)}.brand-wordmark{font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:600;line-height:1.2;letter-spacing:.5px}.brand-name{font-size:11px;color:var(--muted)}.brand-card img{width:110px;height:90px;object-fit:contain}.admin-brand-logo{width:120px;height:70px;object-fit:contain;margin:12px 0}.admin-service small{color:var(--muted)}
@media(max-width:900px){.brands-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-card:nth-child(2n){border-inline-end:0}.brand-card:nth-child(-n+2){border-bottom:1px solid #e0e3e2}}
@media(max-width:640px){.brands-section{padding-bottom:55px}.brands-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-card{min-height:125px;border-bottom:1px solid #e0e3e2}.brand-card:nth-child(3n){border-inline-end:1px solid #e0e3e2}.brand-card:nth-child(2n){border-inline-end:0}.brand-card:nth-last-child(-n+2){border-bottom:0}.brand-wordmark{font-size:26px}}
/* Interior page masthead */
.banner{position:relative;isolation:isolate;padding:72px 0 68px;border-bottom:3px solid var(--red);background:#14191d;color:#fff;overflow:hidden}
.banner::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,16,21,.96) 5%,rgba(10,16,21,.84) 48%,rgba(10,16,21,.38)),url('/assets/workshop.jpg') center 42%/cover}
[dir=rtl] .banner::before{background:linear-gradient(270deg,rgba(10,16,21,.96) 5%,rgba(10,16,21,.84) 48%,rgba(10,16,21,.38)),url('/assets/workshop.jpg') center 42%/cover}
.banner-content{position:relative}
.banner .eyebrow{color:#ff696f;display:flex;align-items:center;gap:12px}
.banner .eyebrow::before{content:"";width:30px;height:2px;background:var(--red)}
.banner h1{font-size:clamp(42px,5.2vw,68px);max-width:850px;margin:24px 0 20px;text-wrap:balance}
.banner p{color:#d0d5d9;max-width:650px;margin-bottom:0;font-size:15px}
@media(max-width:640px){.banner{padding:48px 0 46px}.banner h1{font-size:40px}.banner p{font-size:13px}.banner::before,[dir=rtl] .banner::before{background:linear-gradient(rgba(10,16,21,.88),rgba(10,16,21,.84)),url('/assets/workshop.jpg') center/cover}}
.brands-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.brand-card{border-bottom:1px solid #e0e3e2}.brand-tools{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.brand-tools label{width:min(420px,100%);margin:0}.brand-tools input{background:var(--paper)}.brand-count{font-size:12px;color:var(--muted);white-space:nowrap;padding-bottom:12px;direction:ltr}.brand-more{display:flex;margin:28px auto 0}.brand-empty{padding:25px;text-align:center;background:var(--paper)}.brand-card[hidden],.brand-tools[hidden],.brand-more[hidden],.brand-empty[hidden]{display:none!important}
@media(max-width:900px){.brands-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-card:nth-child(n){border-inline-end:1px solid #e0e3e2;border-bottom:1px solid #e0e3e2}.brand-card:nth-child(3n){border-inline-end:0}}
@media(max-width:640px){.brands-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-card:nth-child(n){border-inline-end:1px solid #e0e3e2}.brand-card:nth-child(2n){border-inline-end:0}}
.form-trap{position:absolute!important;inset-inline-start:-10000px!important;top:auto;width:1px;height:1px;overflow:hidden;pointer-events:none}
.error-page{min-height:100vh;display:flex;flex-direction:column;background:#11171b;color:#fff}.error-header{height:120px;border-bottom:1px solid #ffffff20}.error-header>a:last-child{font-size:13px;color:#c7cdd1}.error-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;flex:1;padding-top:65px;padding-bottom:80px}.error-copy h1{font-size:clamp(40px,4.7vw,66px);line-height:1.15;text-wrap:balance}.error-copy p{color:#b8c1c7;max-width:520px;font-size:16px}.error-copy .eyebrow{line-height:1.8}.error-secondary{color:#d3d9dc}.error-sign{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;min-width:0}.error-code{font:800 clamp(120px,21vw,275px)/1 'Barlow Condensed',sans-serif;color:#e52b32;letter-spacing:-6px;direction:ltr}.error-rule{height:5px;width:70%;transform:skewX(-30deg);background:linear-gradient(90deg,transparent,var(--red),transparent);margin:20px 0 26px}.error-sign>.eyebrow{font-size:9px;color:#849099;letter-spacing:2px;text-align:center}.error-footer{padding-top:0;background:transparent}.error-footer .bottom{border-color:#ffffff20}.error-page .actions{flex-wrap:wrap}
@media(max-width:640px){.error-header{height:95px}.error-header .logo{width:125px;height:65px}.error-layout{grid-template-columns:1fr;gap:10px;padding-top:40px;padding-bottom:45px}.error-sign{grid-row:1;padding:0 0 20px}.error-code{font-size:130px;letter-spacing:-3px}.error-rule{max-width:180px;margin:10px 0 15px}.error-copy h1{font-size:38px}.error-copy p{font-size:14px}.error-copy .actions{flex-direction:row;align-items:center}.error-header>a:last-child{font-size:11px}}
/* Match the navigation bar to the supplied workshop logo background. */
.site-header{display:block;height:auto;background:#101010;color:#f3f3f3;border-bottom:1px solid #ffffff14}
.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;height:105px;position:relative}
.site-header .logo{mix-blend-mode:lighten}
.site-header nav a{color:#e4e4e4;transition:color .2s}
.site-header nav a:hover,.site-header nav a.active{color:#ff6268}
.site-header nav a.active{border-bottom-color:var(--red)}
.site-header #menu{color:#fff}
.site-header-inner>a:not(.btn):hover{color:#ff6268}
@media(max-width:900px){.site-header-inner{gap:15px}}
@media(max-width:640px){.site-header-inner{height:85px}.site-header nav{background:#101010;border:1px solid #ffffff18;box-shadow:0 12px 25px #0004}.site-header nav a{padding:13px}.site-header nav a.active{background:#ffffff08}}
.site-footer{background:#101010}
.site-footer .logo{mix-blend-mode:lighten}
/* Subtle movement, with no dependency on animation for content visibility. */
@media(prefers-reduced-motion:no-preference){
  .service{position:relative;transition:background .25s,transform .3s,box-shadow .3s}
  .service::after{content:"";position:absolute;bottom:0;inset-inline:0;height:2px;background:var(--red);transform:scaleX(0);transition:transform .3s}
  .brand-card img{transition:transform .35s cubic-bezier(.22,1,.36,1)}
  .btn{position:relative;overflow:hidden;transition:background .2s,transform .25s,box-shadow .25s}
  .btn::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#ffffff26 50%,transparent 65%);transform:translateX(-140%);transition:transform .55s;pointer-events:none}
  .whatsapp{transition:transform .25s,box-shadow .25s}
  .site-header nav.open{animation:menu-arrive .22s ease-out}
  @media(hover:hover) and (pointer:fine){
    .service:hover{transform:translateY(-5px);box-shadow:0 12px 28px #10171912;z-index:1}
    .service:hover::after{transform:scaleX(1)}
    .brand-card:hover img{transform:scale(1.08)}
    .btn:hover{box-shadow:0 6px 18px #0002}
    .btn:hover::after{transform:translateX(140%)}
    .whatsapp:hover{transform:translateY(-3px);box-shadow:0 9px 25px #0003}
  }
}
@keyframes menu-arrive{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn:hover{transform:none}.service,.brand-card,.btn,.whatsapp,.site-header nav a{transition:none}}