:root{ --ink:#0b0b0b; --gold:#c8a86c; } body{margin:0;background:var(--ink);color:#e7dfcf;font-family:Inter,system-ui}.watermark{position:fixed;inset:0;z-index:-1}.watermark::after{content:'';position:absolute;inset:0;background:url('assets/img/exi_logo_master.png') no-repeat center 40%;background-size:64vmin auto;opacity:.06;filter:grayscale(1)} header{display:flex;gap:14px;align-items:center;padding:16px 20px;border-bottom:1px solid #262626;background:rgba(11,11,11,.8);backdrop-filter:blur(6px)} header img{height:44px;width:auto}.brand{color:#c8a86c;font-weight:800;letter-spacing:.15em;text-transform:uppercase;font-size:18px;margin-left:4px}.hamburger{margin-left:auto;display:inline-flex;flex-direction:column;gap:5px;padding:10px;border:1px solid #2a2a2a;border-radius:10px;background:transparent}.hamburger span{display:block;width:22px;height:2px;background:#c8a86c}.nav-panel{ z-index:999; position:fixed;top:0;right:-320px;width:280px;height:100vh;background:#111;border-left:1px solid #262626;transition:right .25s ease;z-index:99}.nav-panel.open{right:0}.nav-panel a{display:block;color:#e7dfcf;text-decoration:none;padding:16px 20px;border-bottom:1px solid #1f1f1f}.nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:98}.nav-overlay.show{opacity:1;pointer-events:auto}.container{max-width:1100px;margin:0 auto;padding:24px}.hero{padding:64px 24px 48px}.hero h1{font-size:clamp(36px,7vw,80px);line-height:1.06;margin:.2em 0 .3em;color:#c8a86c}.section{padding:22px;margin:18px 0;background:linear-gradient(180deg,#101010,#0d0d0d);border:1px solid #262626;border-radius:14px}.btn{display:inline-block;margin-top:18px;padding:12px 22px;border:2px solid #c8a86c;border-radius:999px;color:#c8a86c;text-decoration:none;font-weight:700}.footer{max-width:1100px;margin:48px auto 24px;padding:0 24px;color:#b9b1a0;border-top:1px solid #262626}

/* --- Contact form improvements (mobile-first) --- */
.form{max-width:720px;margin:24px auto 12px;padding:16px 0;display:grid;gap:16px}
.field{display:flex;flex-direction:column;gap:8px}
.field label{font-weight:600;letter-spacing:.02em;color:#e7dfcf}
.input, .textarea{width:100%;padding:12px 14px;border:1px solid #c8a86c;border-radius:12px;background:rgba(0,0,0,.35);color:#e7dfcf}
.input:focus, .textarea:focus{outline:2px solid #c8a86c;outline-offset:1px}
.textarea{min-height:160px;resize:vertical}
.form-row{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:680px){ .form-row{grid-template-columns:1fr 1fr} }
.btn-primary{display:inline-block;padding:12px 22px;border:2px solid #c8a86c;border-radius:999px;background:transparent;color:#c8a86c;font-weight:700;text-decoration:none;cursor:pointer}
.btn-primary:hover{background:rgba(200,168,108,.08)}
.form-actions{display:flex;justify-content:flex-end;margin-top:8px}
/* keep watermark from interfering visually behind the form area */
main.hero .section.form-wrap{background:linear-gradient(180deg,#101010cc,#0d0d0dcc);border:1px solid #262626;border-radius:14px;padding:18px 16px}



/* --- Contact v11 polish --- */
:root{ --gold:#c8a86c; --ink:#0b0b0b; --card:#0f0f10; }
.section.form-wrap{ background:linear-gradient(180deg,#111,#0d0d0e); border:1px solid #272727; border-radius:16px; box-shadow:0 10px 30px rgba(0,0,0,.35); }
.form{ max-width:720px; margin:6px auto 2px; padding:12px; display:grid; gap:18px; }
.form h2{ margin:0; color:var(--gold); letter-spacing:.06em }
.field{ display:flex; flex-direction:column; gap:8px }
.field label{ font-weight:700; letter-spacing:.02em; color:#e7dfcf }
.input, .textarea{
  width:100%; padding:14px 16px; border:1px solid rgba(200,168,108,.65);
  border-radius:12px; background:rgba(14,14,15,.85); color:#f2ede4;
  -webkit-appearance:none; appearance:none; outline:none;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.input::placeholder, .textarea::placeholder{ color:#b9b1a0 }
.input:focus, .textarea:focus{ border-color:var(--gold); box-shadow:0 0 0 3px rgba(200,168,108,.18) }
.textarea{ min-height:180px; resize:vertical }
/* two-column row on larger screens */
.form-row{ display:grid; grid-template-columns:1fr; gap:16px }
@media(min-width:720px){ .form-row{ grid-template-columns:1fr 1fr } }
/* custom submit button */
button.btn-primary{
  -webkit-appearance:none; appearance:none; background:transparent;
  border:2px solid var(--gold); color:var(--gold);
  font-weight:800; letter-spacing:.05em; padding:12px 22px; border-radius:999px;
  cursor:pointer; transition:background .15s ease, transform .05s ease; text-transform:none;
}
button.btn-primary:hover{ background:rgba(200,168,108,.08) }
button.btn-primary:active{ transform:translateY(1px) }
.form-actions{ display:flex; justify-content:flex-end; margin-top:4px }