@import url("index_style.css?v=20260808-1");

:root{--desert:#EF7A2D;--sand:#f0e6d8;--evening:#5A1D16;--evening-sand:#4D2C29;--ink:#201514;--paper:#fffaf5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink)}
.contact-hero{min-height:520px;padding:150px 7vw 80px;display:flex;align-items:flex-end;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(115deg,rgba(36,14,12,.96) 0%,rgba(90,29,22,.86) 48%,rgba(90,29,22,.4) 100%),url('../images/contact-bg.jpg') center/cover,var(--evening)}
.contact-hero__brand{position:absolute;z-index:0;inset:0 0 0 42%;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 12%,#000 40%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 12%,#000 40%)}
.contact-hero__brand::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(90,29,22,.62) 0%,rgba(90,29,22,.12) 42%,transparent 76%)}
.contact-hero__brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:center right;filter:saturate(1.05) contrast(1.03)}
.contact-hero::after{content:"";z-index:0;position:absolute;width:420px;height:420px;border:1px solid rgba(239,122,45,.34);border-radius:50%;right:-90px;top:80px;box-shadow:0 0 0 55px rgba(239,122,45,.06),0 0 0 110px rgba(239,122,45,.04)}
.contact-hero__content{position:relative;z-index:1;max-width:820px;color:#fff}.eyebrow{display:block;color:var(--desert);font-size:.76rem;font-weight:800;letter-spacing:.2em;margin-bottom:.8rem}.contact-hero h1{font-size:clamp(2.6rem,6vw,5.6rem);line-height:1.02;margin:0 0 1.25rem;max-width:760px}.contact-hero p{font-size:clamp(1rem,2vw,1.25rem);line-height:1.7;max-width:680px;color:rgba(255,255,255,.82)}
.contact-overview,.forms-section{width:min(1180px,90vw);margin:0 auto}.contact-overview{padding:90px 0 55px}.section-heading h2{font-size:clamp(2rem,4vw,3.4rem);margin:0 0 2.4rem}.info-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.info-card{min-height:180px;padding:32px;border:1px solid rgba(90,29,22,.12);background:var(--sand);display:flex;gap:22px;align-items:flex-start;transition:.25s ease}.info-card--wide{grid-row:span 2;min-height:378px;aspect-ratio:3/2;align-items:flex-end;background:linear-gradient(90deg,rgba(36,14,12,.56) 0%,rgba(36,14,12,.36) 58%,rgba(36,14,12,.08) 100%),url('../images/Nasl-commercial-office.webp') center/cover no-repeat;color:#fff}.info-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(77,44,41,.12);border-color:var(--desert)}.info-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:var(--desert);color:#fff;font-size:1.25rem}.info-icon--location{font-size:1.45rem}.info-card h3{font-size:1.25rem;margin:4px 0 12px}.info-card a{display:inline-block;color:inherit;text-decoration:none;line-height:1.8;padding:2px 8px;margin-left:-8px;border:2px solid transparent;border-radius:4px;transition:border-color .25s ease,box-shadow .25s ease}.info-card:not(.info-card--wide) a{color:var(--evening-sand)}.info-card a:hover,.info-card a:focus-visible{color:inherit;-webkit-text-fill-color:currentColor;border-color:#EF7A2D;box-shadow:0 0 0 2px rgba(239,122,45,.12)}.info-card a:focus-visible{outline:none}
.forms-section{padding:45px 0 110px;display:grid;gap:28px}.form-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding:55px;background:#f0e6d8;border:1px solid rgba(90,29,22,.12);box-shadow:0 18px 55px rgba(77,44,41,.07)}.form-panel--career{background:var(--sand)}.form-panel__intro{display:flex;gap:22px}.form-panel__intro-content{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.form-panel__logo{display:block;width:100%;max-width:380px;height:auto;margin-top:30px;mix-blend-mode:multiply}.panel-number{color:var(--desert);font-weight:800}.form-panel h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;margin:0 0 1rem}.form-panel p{line-height:1.7;color:#725f5b}.form-group{margin-bottom:1.15rem}.form-group label{display:block;font-size:.86rem;font-weight:750;margin:0 0 .5rem;color:var(--evening-sand)}.form-group label span{font-weight:500;color:#85736f}.form-group input,.form-group textarea{width:100%;border:1px solid #d8cbc5;background:rgba(255,255,255,.88);padding:14px 16px;font:inherit;color:var(--ink);border-radius:2px;transition:.2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--desert);box-shadow:0 0 0 3px rgba(239,122,45,.14)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.honeypot{position:absolute!important;left:-9999px!important}.submit-button{border:0;background:var(--desert);color:#fff;padding:15px 22px;font-weight:800;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:22px;transition:.25s}.submit-button:hover{background:var(--evening);transform:translateY(-2px)}.native-file{position:absolute;width:1px!important;height:1px;opacity:0}.file-control{display:flex!important;align-items:center;justify-content:space-between;padding:13px 14px!important;background:#fff;border:1px dashed #c4aaa0;cursor:pointer;font-weight:500!important}.file-control strong{color:var(--desert)}
.status-banner{position:fixed;z-index:1000;top:92px;left:50%;transform:translateX(-50%);width:min(650px,90vw);padding:18px 54px 18px 22px;background:#fff;border-left:5px solid #2d9b63;box-shadow:0 15px 50px rgba(0,0,0,.22)}.status-banner.is-error{border-left-color:#bf3a32}.status-banner strong{display:block;color:var(--evening)}.status-banner span{color:#695754}.status-banner button{position:absolute;right:15px;top:13px;border:0;background:none;font-size:1.5rem;cursor:pointer;color:#695754}
footer{padding:44px 6vw;background:#160b0a;color:#fff}footer>p{text-align:center;margin:22px 0 0;color:#8f7e7a}.footer-logo{color:#fff;text-decoration:none}
@media(max-width:850px){.contact-hero{min-height:500px;padding-top:125px}.contact-hero__brand{inset:0 0 0 20%;opacity:.68;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 52%);mask-image:linear-gradient(90deg,transparent 0%,#000 52%)}.contact-hero__brand::after{background:linear-gradient(90deg,rgba(90,29,22,.78),rgba(90,29,22,.2) 65%,transparent)}.info-grid,.form-panel{grid-template-columns:1fr}.info-card--wide{grid-row:auto;min-height:250px;aspect-ratio:3/2}.form-panel{padding:34px;gap:35px}.form-panel__logo{max-width:420px}}
@media(max-width:560px){.contact-overview,.forms-section{width:min(92vw,1180px)}.contact-overview{padding-top:65px}.field-grid{grid-template-columns:1fr;gap:0}.form-panel{padding:25px 20px}.form-panel__intro{gap:12px}.form-panel__intro-content{width:100%}.form-panel__logo{width:min(100%,320px);margin:22px auto 0}.contact-hero{min-height:520px}.contact-hero__brand{inset:0 -22% 0 8%;opacity:.48}.contact-hero h1{font-size:2.55rem}.info-card{padding:24px;min-height:160px}.info-card--wide{min-height:300px;aspect-ratio:auto;background-position:center}.footer-content{gap:24px}.footer-links{flex-wrap:wrap;justify-content:center}}

/* Contact refinement v6 */
#contact-heading{color:#EF7A2D}
.contact-overview{padding:72px 0 42px}
.section-heading h2{font-size:clamp(1.8rem,3vw,2.65rem);margin-bottom:1.75rem}
.info-grid{gap:14px}
.info-card{padding:26px;border-radius:14px;border-color:rgba(90,29,22,.09);box-shadow:0 8px 24px rgba(77,44,41,.045)}
.forms-section{padding:34px 0 90px;gap:20px}
.form-panel{grid-template-columns:.72fr 1.28fr;gap:42px;padding:42px 46px;border-radius:18px;border-color:rgba(90,29,22,.08);box-shadow:0 12px 36px rgba(77,44,41,.055)}
.form-panel__intro{gap:16px}
.form-panel h2{font-size:clamp(1.55rem,2.3vw,2.25rem);line-height:1.12;white-space:nowrap;margin-bottom:.75rem}
.form-panel p{font-size:.92rem;line-height:1.6}
.form-panel form{align-self:center}
.form-group{margin-bottom:.85rem}
.form-group label{font-size:.78rem;margin-bottom:.38rem}
.form-group input,.form-group textarea{border:1px solid rgba(90,29,22,.18);border-radius:9px;padding:10px 13px;font-size:.92rem;min-height:40px}
.form-group textarea{min-height:112px;resize:vertical}
.field-grid{gap:12px}
.file-control{min-height:40px;border-radius:9px;padding:10px 13px!important}
.submit-button{display:flex;width:max-content;margin:14px auto 0;border-radius:999px;padding:11px 20px;font-size:.86rem;gap:14px;justify-content:center;box-shadow:0 7px 18px rgba(239,122,45,.2)}
.form-panel__logo{max-width:300px;margin-top:24px}
@media(max-width:850px){.form-panel{padding:32px;gap:28px}.form-panel h2{white-space:normal}}
@media(max-width:560px){.form-panel{padding:25px 20px;border-radius:14px}.form-panel h2{font-size:1.65rem}.form-group input,.form-group textarea{font-size:16px}}

/* SYMBA field-of-work select */
.select-wrap{position:relative}
.select-wrap::after{content:"";position:absolute;right:16px;top:50%;width:9px;height:9px;border-right:2px solid var(--desert);border-bottom:2px solid var(--desert);transform:translateY(-68%) rotate(45deg);pointer-events:none}
.form-group select{width:100%;min-height:40px;appearance:none;-webkit-appearance:none;border:1px solid rgba(90,29,22,.18);border-radius:9px;background:#fffaf5;padding:10px 46px 10px 13px;font:inherit;font-size:.92rem;color:var(--evening-sand);cursor:pointer;transition:.2s}
.form-group select:invalid{color:#85736f}
.form-group select:focus{outline:none;border-color:var(--desert);box-shadow:0 0 0 3px rgba(239,122,45,.14)}
.form-group select option{background:var(--paper);color:var(--evening-sand)}
.form-group select option:checked{background:var(--evening-sand);color:#fff}
@media(max-width:560px){.form-group select{font-size:16px}}

/* Careers QR card */
.career-qr-panel{align-items:center}
.career-qr{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}
.career-qr>a{display:block;width:min(240px,100%);padding:16px;border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(77,44,41,.12);transition:transform .25s ease,box-shadow .25s ease}
.career-qr>a:hover,.career-qr>a:focus-visible{transform:translateY(-4px);box-shadow:0 18px 42px rgba(77,44,41,.18);outline:3px solid rgba(239,122,45,.35)}
.career-qr img{display:block;width:100%;height:auto}
.career-qr strong{color:var(--evening);font-size:1.05rem}
.career-qr span{color:#725f5b;font-size:.9rem}
.career-qr span a{color:var(--desert);font-weight:800}

/* Standalone resume application page */
.careers-page{min-height:100vh;background:linear-gradient(135deg,var(--evening) 0%,#30100d 45%,var(--evening-sand) 100%);padding:130px 5vw 70px}
.careers-page .status-banner{top:92px}
.careers-shell{width:min(1120px,100%);margin:0 auto}
.careers-shell .form-panel{grid-template-columns:.72fr 1.28fr;margin:0;background:var(--sand)}
.careers-shell .form-panel h1{font-size:clamp(1.55rem,2.3vw,2.25rem);line-height:1.12;white-space:nowrap;margin:0 0 .75rem}
.careers-back{display:inline-flex;margin-bottom:18px;color:#fff;text-decoration:none;font-weight:750;gap:8px;align-items:center}
.careers-back:hover{color:var(--desert)}
@media(max-width:850px){.careers-page{padding:110px 4vw 45px}.careers-shell .form-panel{grid-template-columns:1fr}.careers-shell .form-panel h1{white-space:normal}}
