@font-face{font-family:Barlow Condensed;src:url('assets/barlow-condensed-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-semibold.ttf') format('truetype');font-style:normal;font-weight:600 800;font-display:swap}
@font-face{font-family:Noto Sans Arabic;src:url('assets/noto-sans-arabic.ttf') format('truetype');font-style:normal;font-weight:400 800;font-display:swap}
:root{color-scheme:dark;--bg:#141a19;--text:#f2f1eb;--muted:#a7b1ad;--copper:#d4a27a;--border:#35403b;--font:Manrope,Arial,sans-serif}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--copper);outline-offset:6px}::selection{color:var(--bg);background:var(--copper)}
.page-shell{max-width:1680px;min-height:100svh;margin:auto;padding:0 64px;display:flex;flex-direction:column}.site-header{height:127px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--border)}.brand{display:inline-flex;gap:13px;align-items:center;direction:ltr}.brand-mark{width:44px;flex-shrink:0}.brand-name{font-size:19px;font-weight:700;letter-spacing:2px;line-height:1.18}.brand-name>span{display:block;font-size:12px;font-weight:400;letter-spacing:7px;margin-top:5px}.header-note{font-size:9px;letter-spacing:2.2px;color:var(--muted);margin-inline-start:48px}.language-toggle{background:transparent;border:1px solid #46514c;color:var(--text);display:flex;align-items:center;gap:10px;padding:9px 14px;min-height:42px;transition:border-color .2s,background .2s}.language-toggle:hover{border-color:var(--copper);background:#ffffff08}.language-toggle span{font-family:Noto Sans Arabic,Manrope,sans-serif;font-size:12px}
.hero{position:relative;min-height:650px;flex:1;display:flex;align-items:center;padding:74px 0 76px}.hero-copy{position:relative;z-index:2;width:65%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:11px;color:var(--copper);font-size:10px;letter-spacing:2.15px;font-weight:600;margin:0 0 28px}.status-dot{width:6px;height:6px;flex-shrink:0;background:var(--copper);border-radius:50%;box-shadow:0 0 0 4px #d4a27a12;animation:pulse 3s infinite}h1{font-family:Barlow Condensed,Impact,'Arial Narrow',sans-serif;font-size:clamp(84px,8.9vw,144px);font-weight:700;letter-spacing:-1.8px;line-height:.94;margin:0 0 32px}h1>span{display:block}.headline-second{color:#c8ceca}.copper{color:var(--copper)}.intro{display:flex;align-items:flex-start;gap:19px;margin:0 0 31px}.intro-rule{background:var(--copper);width:29px;height:1px;margin-top:12px;flex-shrink:0}.intro p{font-size:14px;line-height:1.95;color:var(--muted);margin:0}.contact-button{display:inline-flex;justify-content:space-between;align-items:center;gap:48px;background:var(--copper);color:#17201b;min-height:53px;padding:0 23px;font-size:12px;font-weight:700;transition:background .2s,transform .2s}.contact-button:hover{background:#e5b992;transform:translateY(-2px)}.contact-button svg{transition:transform .2s}.contact-button:hover svg{transform:translate(2px,-2px)}.contact-note{font-size:10px;letter-spacing:.2px;color:var(--muted);margin:14px 0 0}
.hero-visual{position:absolute;inset-block:38px;inset-inline-end:0;width:48%;overflow:hidden;background:#252d29}.image-wrap{width:100%;height:100%;overflow:hidden}.steel-image{width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:sepia(.12) contrast(.92) brightness(.79);animation:reveal 1.3s ease-out both}.image-shade{position:absolute;inset:0;background:linear-gradient(90deg,#141a1966,transparent 55%),linear-gradient(0deg,#101815e8,transparent 43%,#10181544);pointer-events:none}.visual-top{position:absolute;inset-block-start:22px;inset-inline:24px;display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:1.8px;color:#f2f1ebbf;direction:ltr}.crosshair{font-size:23px;font-weight:400;color:var(--copper)}.visual-index{margin-left:auto}.visual-caption{position:absolute;inset-inline-start:29px;inset-block-end:33px;display:flex;gap:13px;align-items:flex-start}.caption-line{width:22px;height:1px;background:var(--copper);margin-top:7px}.visual-caption p{margin:0;font-size:9px;line-height:1.9;letter-spacing:2px;color:#d6d9d4}.visual-corner{position:absolute;width:17px;height:17px;border-color:var(--copper);border-style:solid}.corner-top{inset-block-start:0;inset-inline-end:0;border-width:1px 1px 0 0}.corner-bottom{inset-block-end:0;inset-inline-start:0;border-width:0 0 1px 1px}.vertical-caption{position:absolute;inset-inline-end:17px;bottom:33px;font-size:7px;letter-spacing:2px;writing-mode:vertical-rl;color:#d6d9d4b3;direction:ltr}
.site-footer{flex-shrink:0;min-height:91px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-domain{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.7px;direction:ltr}.footer-square{width:5px;height:5px;background:var(--copper)}.email-group{display:flex;align-items:center;gap:10px;direction:ltr}.email-link{font-size:11px;color:#c8d0ca;transition:color .2s}.email-link:hover{color:var(--copper)}.copy-button{display:grid;place-items:center;background:none;border:0;color:var(--muted);width:32px;height:36px;padding:0;transition:color .2s}.copy-button:hover{color:var(--copper)}.copyright{font-size:9px;color:var(--muted);margin:0}.toast{position:fixed;z-index:20;bottom:25px;left:50%;margin:0;padding:13px 22px;background:#e9e8dd;color:#141a19;font-size:12px;box-shadow:0 6px 32px #0005;transform:translate(-50%,15px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 40px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.skip-link{position:fixed;z-index:30;top:10px;left:10px;padding:12px 18px;background:var(--copper);color:var(--bg);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
html[lang=ar] body{font-family:Noto Sans Arabic,Arial,sans-serif}html[lang=ar] .header-note,html[lang=ar] .eyebrow,html[lang=ar] .visual-caption p{letter-spacing:0}html[lang=ar] h1{font-family:Noto Sans Arabic,Arial,sans-serif;font-size:clamp(60px,6.4vw,100px);line-height:1.35;letter-spacing:-2px;margin-bottom:20px}html[lang=ar] .eyebrow{font-size:12px;margin-bottom:18px}html[lang=ar] .hero-copy{width:68%}html[lang=ar] .intro p{font-size:14px}html[lang=ar] .contact-note{font-size:11px}html[lang=ar] .image-shade{background:linear-gradient(270deg,#141a1966,transparent 55%),linear-gradient(0deg,#101815e8,transparent 43%,#10181544)}html[lang=ar] .copyright{font-size:10px}
@keyframes pulse{0%,100%{box-shadow:0 0 0 4px #d4a27a12}50%{box-shadow:0 0 0 7px #d4a27a00}}@keyframes reveal{from{opacity:.2;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}
@media(min-width:1700px){h1{font-size:144px}.hero{min-height:730px}}
@media(max-width:1100px){.page-shell{padding:0 40px}.header-note{font-size:8px;letter-spacing:1.5px;margin:0}.hero{min-height:620px}.hero-visual{width:47%}h1{font-size:clamp(83px,9.6vw,115px)}.hero-copy{width:68%}.eyebrow{font-size:9px;letter-spacing:1.6px}.copyright{font-size:8px}}
@media(max-width:760px){.page-shell{padding:0 25px}.site-header{height:100px;gap:20px}.brand-mark{width:37px}.brand-name{font-size:16px}.brand-name>span{font-size:10px;letter-spacing:6px}.header-note{display:none}.language-toggle{min-height:40px;padding:6px 11px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:45px 0 28px;gap:36px}.hero-copy{width:100%}.eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:27px}h1{font-size:clamp(76px,14vw,106px);letter-spacing:-1.5px;line-height:.95;margin-bottom:29px}.intro{gap:15px;margin-bottom:25px}.intro p{font-size:13px;line-height:1.9}.intro-rule{width:21px}.contact-button{min-height:50px;gap:51px;font-size:11px;padding:0 21px}.contact-note{margin-top:12px}.hero-visual{position:relative;inset:auto;width:100%;height:270px}.steel-image{object-position:center 65%}.image-shade{background:linear-gradient(0deg,#101815d9,transparent 70%)}.visual-caption{inset-block-end:23px;inset-inline-start:23px}.visual-top{inset-block-start:15px;inset-inline:21px}.vertical-caption{bottom:23px;font-size:6px}.visual-caption p{font-size:8px}.site-footer{min-height:140px;display:grid;grid-template-columns:1fr auto;gap:11px 10px;padding:19px 0 23px}.footer-domain{font-size:8px;letter-spacing:1.1px}.email-group{gap:0}.email-link{font-size:10px}.copy-button{width:29px}.copyright{grid-column:1/-1;font-size:9px}.toast{font-size:11px}html[lang=ar] h1{font-size:clamp(47px,9vw,70px);line-height:1.45;letter-spacing:-1.5px}html[lang=ar] .hero-copy{width:100%}html[lang=ar] .eyebrow{font-size:11px}html[lang=ar] .intro p{font-size:12px}html[lang=ar] .image-shade{background:linear-gradient(0deg,#101815d9,transparent 70%)}html[lang=ar] .site-footer{grid-template-columns:1fr auto}}
@media(max-width:365px){.page-shell{padding:0 20px}.brand{gap:9px}.brand-name{font-size:14px}.brand-name>span{font-size:9px}h1{font-size:clamp(57px,19vw,69px)}.eyebrow{font-size:8px;letter-spacing:1.3px}.site-footer{grid-template-columns:1fr;gap:6px}.copyright{margin-top:5px}.hero-visual{height:230px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}