@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/Alexandria-arabic-d73b83.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/Alexandria-latin-c48fa4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/Alexandria-arabic-d73b83.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/Alexandria-latin-c48fa4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/Alexandria-arabic-d73b83.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/Alexandria-latin-c48fa4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/Tajawal-arabic-3a7b8d.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/Tajawal-latin-81dd27.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/Tajawal-arabic-6bda0a.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/Tajawal-latin-96bd64.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/Tajawal-arabic-37b920.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/Tajawal-latin-b9affe.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{--ink:#14181f;--ink2:#1e242e;--stone:#f4f1ec;--stone2:#e9e3d9;--brass:#b08a4f;--brass2:#d3b17a;--muted:#6f6a62;--line:rgba(20,24,31,.12);
--fh:'Alexandria','Tajawal',sans-serif;--fb:'Tajawal',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--fb);font-size:17px;color:var(--ink);background:var(--stone);line-height:1.8;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--fh);line-height:1.2;letter-spacing:0}
.wrap{width:min(1240px,100% - 56px);margin-inline:auto}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
.skip{position:absolute;inset-inline-start:-999px}.skip:focus{inset-inline-start:12px;top:12px;background:#fff;padding:8px 12px;z-index:99}
.site-header{position:fixed;top:0;inset-inline:0;z-index:50;color:#fff;transition:.35s;padding:22px 0}
.site-header.scrolled,.site-header.solid{background:rgba(20,24,31,.94);backdrop-filter:blur(10px);padding:12px 0}
.hd{display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;font-family:var(--fh);font-weight:700;font-size:22px}
.brand svg{width:38px;height:38px}.brand small{display:block;font:300 11px var(--fh);letter-spacing:.3em;opacity:.7;margin-top:-2px}
.nav{display:flex;gap:34px;font-size:15.5px;font-weight:500}.nav a{opacity:.78;transition:.2s;position:relative;padding:4px 0}.nav a:hover,.nav a.on{opacity:1}
.nav a.on::before{content:"";position:absolute;inset-inline-start:50%;bottom:-6px;width:5px;height:5px;border-radius:50%;background:var(--brass2);transform:translateX(-50%)}
.hd-act{display:flex;gap:12px;align-items:center}
.lang-btn{background:none;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 14px;font:500 13px var(--fb);cursor:pointer;border-radius:2px}
.btn{display:inline-flex;align-items:center;gap:12px;padding:15px 28px;font:500 15.5px var(--fb);border:0;cursor:pointer;transition:.3s;border-radius:2px}
.btn-b{background:var(--brass);color:#fff}.btn-b:hover{background:#9c7a43}
.btn-l{border:1px solid rgba(255,255,255,.45);color:#fff}.btn-l:hover{background:#fff;color:var(--ink)}
.btn-d{background:var(--ink);color:#fff}.btn-d:hover{background:#000}
.btn svg{width:18px;height:18px;transition:transform .3s}.btn:hover svg{transform:translateX(-4px)}[dir=ltr] .btn svg.arr{transform:scaleX(-1)}[dir=ltr] .btn:hover svg.arr{transform:scaleX(-1) translateX(-4px)}
.menu-btn{display:none;background:none;border:0;color:#fff;width:42px;height:42px;cursor:pointer}
.hero{position:relative;height:100svh;min-height:680px;color:#fff;overflow:hidden;background:var(--ink)}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:kb 20s ease-out forwards}@keyframes kb{from{transform:scale(1.08)}to{transform:scale(1)}}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,17,22,.92),rgba(14,17,22,.15) 60%,rgba(14,17,22,.5)),linear-gradient(270deg,rgba(14,17,22,.7),rgba(14,17,22,0) 60%)}[dir=ltr] .hero::after{background:linear-gradient(0deg,rgba(14,17,22,.92),rgba(14,17,22,.15) 60%,rgba(14,17,22,.5)),linear-gradient(90deg,rgba(14,17,22,.7),rgba(14,17,22,0) 60%)}
.hero .wrap{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:80px}
.k{display:inline-flex;align-items:center;gap:14px;font:500 13.5px var(--fh);letter-spacing:.12em;color:var(--brass2)}.k::before{content:"";width:40px;height:1px;background:currentColor}
.hero h1{font-size:clamp(44px,6.8vw,104px);font-weight:700;margin:18px 0 22px;max-width:13ch;line-height:1.08}
.hero h1 span{color:var(--brass2)}
.hero .row{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap}
.hero p{max-width:46ch;font-size:18.5px;opacity:.82;margin:0 0 30px}
.scroll{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12px;letter-spacing:.2em;opacity:.7}.scroll i{width:1px;height:56px;background:linear-gradient(#fff,transparent);animation:sc 2s infinite}@keyframes sc{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.strip{background:var(--ink);color:#fff}.strip .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.strip div{padding:38px 26px;border-inline-start:1px solid rgba(255,255,255,.1)}.strip div:first-child{border:0}
.strip b{font:700 44px var(--fh);display:block;color:var(--brass2);direction:ltr;text-align:start}[dir=rtl] .strip b{text-align:right}.strip span{opacity:.7;font-size:15px}
section{padding:120px 0}
.h2{font-size:clamp(32px,4.2vw,58px);font-weight:700;margin:16px 0 18px}
.lead{color:var(--muted);font-size:18px;max-width:56ch}
.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.about .pics{position:relative;height:620px}.about .pics img{position:absolute;object-fit:cover}
.about .pics .a{inset-inline-end:0;top:0;width:78%;height:78%}.about .pics .b{inset-inline-start:0;bottom:0;width:48%;height:46%;border:10px solid var(--stone)}
.about .badge{position:absolute;inset-inline-start:6%;top:8%;background:var(--brass);color:#fff;padding:22px 24px;font-family:var(--fh)}.about .badge b{font-size:44px;display:block;line-height:1}.about .badge span{font-size:13px}
.sig{display:flex;gap:40px;margin-top:34px;flex-wrap:wrap}.sig div{border-top:2px solid var(--brass);padding-top:12px;min-width:150px}.sig b{display:block;font-family:var(--fh);font-size:18px}.sig span{font-size:15px;color:var(--muted)}
.svc{background:var(--ink);color:#fff}
.svc-list{margin-top:60px;border-top:1px solid rgba(255,255,255,.14)}
.svc-item{display:grid;grid-template-columns:90px 1.1fr 1.4fr 60px;gap:30px;align-items:center;padding:34px 0;border-bottom:1px solid rgba(255,255,255,.14);transition:.4s;position:relative}
.svc-item:hover{padding-inline:20px;background:rgba(255,255,255,.03)}.svc-item .n{font:300 18px var(--fh);color:var(--brass2)}.svc-item h3{font-size:26px;margin:0}.svc-item p{margin:0;opacity:.7;font-size:16px}
.svc-item .go{width:52px;height:52px;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center;transition:.3s}.svc-item:hover .go{background:var(--brass);border-color:var(--brass)}.svc-item .go svg{width:20px}[dir=ltr] .svc-item .go svg{transform:scaleX(-1)}
.sh{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:56px}
.pgrid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:280px;gap:20px}
.pj{position:relative;overflow:hidden;color:#fff;background:#222}
.pj img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.pj:hover img{transform:scale(1.07)}
.pj::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,17,22,.85),transparent 55%)}
.pj .cap{position:absolute;inset-inline:26px;bottom:22px;z-index:2}.pj .cap span{font-size:13px;color:var(--brass2);letter-spacing:.06em}.pj .cap h3{font-size:22px;margin:4px 0 0}
.pj .st{position:absolute;top:18px;inset-inline-start:18px;z-index:2;background:rgba(255,255,255,.92);color:var(--ink);font-size:12.5px;font-weight:700;padding:4px 12px}
.pj .st.live{background:var(--brass);color:#fff}
.g1{grid-column:span 7;grid-row:span 2}.g2{grid-column:span 5}.g3{grid-column:span 5}.g4{grid-column:span 4}.g5{grid-column:span 4}.g6{grid-column:span 4}
.proc{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:60px;border-top:1px solid var(--line)}
.proc div{padding:34px 28px 0 0;position:relative}[dir=rtl] .proc div{padding:34px 0 0 28px}
.proc div::before{content:"";position:absolute;top:-6px;inset-inline-start:0;width:11px;height:11px;border-radius:50%;background:var(--brass)}
.proc b{font:300 15px var(--fh);color:var(--brass)}.proc h3{font-size:22px;margin:10px 0 8px}.proc p{margin:0;color:var(--muted);font-size:16px}
.quote{background:var(--stone2)}.quote .wrap{display:grid;grid-template-columns:auto 1fr;gap:60px;align-items:center}
.quote .mark{font:700 200px/0.7 Georgia,serif;color:var(--brass)}.quote blockquote{margin:0;font:500 clamp(22px,2.4vw,32px)/1.6 var(--fh)}.quote cite{display:block;margin-top:22px;font:500 16px var(--fb);color:var(--muted);font-style:normal}
.clients{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:center;margin-top:70px;opacity:.55}
.clients span{font:700 22px var(--fh);letter-spacing:.04em}
.cta{position:relative;color:#fff;padding:130px 0;overflow:hidden;background:var(--ink)}
.cta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}.cta .wrap{position:relative;text-align:center}.cta h2{font-size:clamp(34px,4.6vw,64px);margin:16px auto 18px;max-width:18ch}.cta p{opacity:.8;margin:0 auto 34px;max-width:52ch}
footer{background:#0f1217;color:#9a9fa8;padding:80px 0 30px}
.ft{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}.ft h4{color:#fff;font:500 15px var(--fh);margin:0 0 16px}.ft li{list-style:none;margin:8px 0;font-size:15px}.ft ul{padding:0;margin:0}.ft a:hover{color:var(--brass2)}.ft .brand{color:#fff;margin-bottom:16px}
.copy{border-top:1px solid rgba(255,255,255,.08);margin-top:56px;padding-top:24px;font-size:13.5px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.phero{position:relative;padding:210px 0 100px;color:#fff;background:var(--ink);overflow:hidden}.phero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32}.phero .wrap{position:relative}.phero h1{font-size:clamp(40px,5.6vw,80px);margin:16px 0 14px}.phero p{max-width:56ch;opacity:.8;margin:0}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:40px}.filters button{background:transparent;border:1px solid var(--line);padding:10px 22px;font:500 15px var(--fb);cursor:pointer;color:var(--ink);transition:.2s;border-radius:2px}.filters button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.plist{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.plist .pj{aspect-ratio:4/5}.plist .pj[hidden]{display:none}
.pj .meta{display:flex;gap:16px;font-size:13px;opacity:.8;margin-top:8px}
.vals{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:56px}.vals div{background:var(--stone);padding:36px 30px}.vals b{font:300 15px var(--fh);color:var(--brass)}.vals h3{font-size:21px;margin:12px 0 8px}.vals p{margin:0;color:var(--muted);font-size:16px}
.team{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:56px}.mem{border-top:2px solid var(--ink);padding-top:20px}.mem .av{width:64px;height:64px;border-radius:50%;background:var(--ink);color:var(--brass2);display:grid;place-items:center;font:700 22px var(--fh);margin-bottom:16px}.mem h3{margin:0;font-size:19px}.mem span{color:var(--muted);font-size:15px}
.certs{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.certs span{border:1px solid var(--line);padding:8px 16px;font-size:14px;font-weight:500}
.qt{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:start}
.card{background:#fff;padding:44px;border:1px solid var(--line)}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.fgrid .full{grid-column:1/-1}
label.l{display:block;font-weight:700;font-size:14.5px;margin-bottom:8px}
input,select,textarea{width:100%;border:0;border-bottom:1.5px solid #d6d0c5;padding:12px 2px;font:16px var(--fb);background:transparent;color:var(--ink);transition:.2s;border-radius:0}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--brass)}
.types{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.types input{display:none}.types span{display:block;text-align:center;border:1px solid #d6d0c5;padding:14px 8px;cursor:pointer;font-weight:500;transition:.2s}.types input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}
input[type=range]{border:0;padding:0;accent-color:var(--brass)}.rv{font-family:var(--fh);font-weight:700;color:var(--brass)}
.form-ok{margin-top:22px;background:#f2efe6;border-inline-start:3px solid var(--brass);padding:18px 20px;font-weight:500}
form.sent .fgrid{opacity:.4;pointer-events:none}
.side{background:var(--ink);color:#cfd3da;padding:40px}.side h3{color:#fff;font-size:22px;margin:0 0 18px}.side ol{padding:0;margin:0;list-style:none;counter-reset:q;display:grid;gap:20px}.side li{counter-increment:q;display:grid;grid-template-columns:40px 1fr;gap:6px}.side li::before{content:"0" counter(q);font:300 18px var(--fh);color:var(--brass2)}.side li b{color:#fff;display:block}
.reveal{opacity:0;transform:translateY(34px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.hero>img{animation:none}}
@media (max-width:1024px){.about,.qt{grid-template-columns:1fr}.svc-item{grid-template-columns:60px 1fr 52px}.svc-item p{grid-column:2/3}.svc-item .go{grid-row:1;grid-column:3}.pgrid{grid-template-columns:1fr 1fr;grid-auto-rows:260px}.pgrid .pj{grid-column:span 1;grid-row:span 1}.pgrid .g1{grid-column:span 2}.proc,.vals,.team{grid-template-columns:1fr 1fr}.proc div{padding-bottom:30px}.ft{grid-template-columns:1fr 1fr}.plist{grid-template-columns:1fr 1fr}.quote .wrap{grid-template-columns:1fr;gap:10px}.quote .mark{font-size:120px}}
@media (max-width:860px){.nav{position:fixed;inset:0;background:var(--ink);flex-direction:column;align-items:center;justify-content:center;gap:28px;font-size:24px;opacity:0;pointer-events:none;transition:.3s}body.nav-open .nav{opacity:1;pointer-events:auto}.menu-btn{display:grid;place-items:center;position:relative;z-index:60}.hd-act .btn{display:none}}
@media (max-width:640px){body{font-size:16px}.wrap{width:min(1240px,100% - 36px)}section{padding:80px 0}.strip .wrap{grid-template-columns:1fr 1fr}.strip div{padding:24px 14px;border-top:1px solid rgba(255,255,255,.1)}.strip b{font-size:32px}
 .about .pics{height:420px}.pgrid{grid-template-columns:1fr;grid-auto-rows:240px}.pgrid .g1{grid-column:span 1}.proc,.vals,.team,.plist,.types{grid-template-columns:1fr 1fr}.svc-item{grid-template-columns:40px 1fr 44px;gap:14px;padding:24px 0}.svc-item h3{font-size:20px}.svc-item p{grid-column:1/-1}.svc-item .go{width:44px;height:44px}.fgrid{grid-template-columns:1fr}.card{padding:26px}.hero h1{font-size:44px}.scroll{display:none}.ft{grid-template-columns:1fr}.plist .pj{aspect-ratio:3/4}.clients span{font-size:17px}}