:root{--size-unit: 16;--size-container-ideal: 1440;--size-container-min: 992px;--size-container-max: 1920px;--size-container: clamp(var(--size-container-min), 100vw, var(--size-container-max));--size-font: calc(var(--size-container) / (var(--size-container-ideal) / var(--size-unit)))}@media screen and (max-width:991px){:root{--size-container-ideal: 834;--size-container-min: 768px;--size-container-max: 991px}}@media screen and (max-width:767px){:root{--size-container-ideal: 550;--size-container-min: 480px;--size-container-max: 767px}}@media screen and (max-width:479px){:root{--size-container-ideal: 390;--size-container-min: 320px;--size-container-max: 479px}}:root{--color-bg: #0d0d0d;--color-surface: #181818;--color-text: #f4f4f4;--color-text-muted: #8a8a8a;--color-accent: #f4f4f4;--color-loader-bg: #f4f4f4;--color-loader-text: #201d1d;--color-border: rgba(244, 244, 244, .12);--font-sans: "Almarai", system-ui, -apple-system, sans-serif;--radius-sm: .25em;--radius-md: .5em;--radius-lg: 1em;--transition-base: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--size-font);background-color:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font:inherit}.container{width:100%;max-width:var(--size-container);margin-inline:auto;padding-inline:3em}.container.medium{max-width:calc(var(--size-container) * .85)}.container.small{max-width:calc(var(--size-container) * .7)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.overflow-hidden{overflow:hidden}.panel{position:fixed;inset:0;width:100vw;height:100dvh;overflow:hidden}.panel~.panel{visibility:hidden}@media(max-width:767px){body{overflow:auto}.panel{position:relative;inset:auto;width:100%;height:auto;min-height:100dvh;overflow:visible}.panel~.panel{visibility:visible}}.contact-section{background-color:#262920;color:#f7f7f7;display:flex;flex-direction:row}.contact-media{flex:0 0 45%;position:relative;overflow:hidden;background-color:#1a1c16}.contact-media__img{width:100%;height:100%;object-fit:cover;object-position:center 30%;position:absolute;inset:0}.contact-media__overlay{position:absolute;inset:0;padding:2.5em;background:linear-gradient(to top,#1a1c16e0,#1a1c164d,#1a1c161a);display:flex;flex-direction:column;justify-content:flex-end;gap:.5em}.contact-media__tagline{font-size:1.25em;font-weight:700;line-height:1.3;color:#f7f7f7}.contact-media__brand{font-size:.8125em;font-weight:400;color:#f7f7f780;letter-spacing:.02em}.contact-form-side{flex:1;display:flex;align-items:center;justify-content:center;padding:3em;overflow-y:auto}.contact-form-inner{width:100%;max-width:26em;display:flex;flex-direction:column;gap:2em}.contact-form-header{display:flex;flex-direction:column;gap:.5em}.contact-form-title{font-size:1.625em;font-weight:800;letter-spacing:-.02em;line-height:1.1}.contact-form-subtitle{font-size:.875em;opacity:.5;line-height:1.5}.contact-form__status{font-size:.8125em;line-height:1.45;margin:0}.contact-form__status--hidden{display:none}.contact-form__status--ok{color:#d7f994f2}.contact-form__status--err{color:#ffb4a8}.contact-submit:disabled{opacity:.55;cursor:not-allowed}.contact-form{display:flex;flex-direction:column;gap:1.25em}.contact-field{display:flex;flex-direction:column;gap:.4em}.contact-field__label{font-size:.75em;font-weight:400;letter-spacing:.06em;opacity:.6}.contact-field__label span{opacity:.6}.contact-field__input{background-color:#f7f7f712;border:1px solid rgba(247,247,247,.12);border-radius:.25em;color:#f7f7f7;font-family:var(--font-sans);font-size:.9375em;padding:.75em 1em;outline:none;width:100%;transition:border-color .2s ease,background-color .2s ease}.contact-field__input::placeholder{color:#f7f7f740}.contact-field__input:focus{border-color:#f7f7f766;background-color:#f7f7f71a}.contact-field__textarea{resize:none;min-height:7em}.contact-field__optional{opacity:.45;font-weight:400;letter-spacing:.02em}.contact-field__hint{font-size:.725em;min-height:1.2em;margin:0;line-height:1.4}.contact-upload{display:flex;align-items:center;gap:.75em;background-color:#f7f7f70d;border:1px dashed rgba(247,247,247,.2);border-radius:.25em;padding:.85em 1em;cursor:pointer;transition:border-color .2s ease,background-color .2s ease;position:relative}.contact-upload:hover{border-color:#f7f7f761;background-color:#f7f7f714}.contact-upload--has-file{border-style:solid;border-color:#d7f99473;background-color:#d7f9940f}.contact-upload--err{border-style:solid;border-color:#ffb4a880;background-color:#ffb4a80d}.contact-upload__icon{font-size:1em;opacity:.45;flex-shrink:0;line-height:1}.contact-upload__text{font-size:.875em;color:#f7f7f773;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.contact-upload--has-file .contact-upload__text{color:#f7f7f7d9}.contact-upload__input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.contact-submit{width:100%;padding:.875em 1em;background-color:#f7f7f726;border:1px solid rgba(247,247,247,.2);border-radius:.25em;color:#f7f7f7;font-family:var(--font-sans);font-size:.9375em;font-weight:700;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;margin-top:.25em}.contact-submit:hover{background-color:#f7f7f738;border-color:#f7f7f759}.contact-legal{font-size:.75em;opacity:.35;line-height:1.5;text-align:center}.contact-legal a{color:inherit;text-decoration:underline;text-underline-offset:.2em}@media screen and (max-width:991px){.contact-media{flex:0 0 40%}}@media screen and (max-width:767px){.contact-section{flex-direction:column;height:auto}.contact-media{flex:none;height:35dvh;min-height:220px}.contact-form-side{padding:2.5em 1.5em;overflow-y:visible}.contact-form-inner{max-width:100%}}