:root{
  color-scheme:dark;
  --bg:#000;
  --panel:#06090d;
  --gold:#f5b900;
  --gold2:#ffd65a;
  --red:#ef1717;
  --green:#83e000;
  --blue:#18a9ff;
  --text:#f4f5f6;
  --muted:#aeb5bc;
  --nav-h:58px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:#000;color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.skip-link{position:fixed;left:12px;top:-80px;z-index:9999;background:#fff;color:#000;padding:10px 14px;border-radius:4px;font-weight:700;transition:top .15s ease}
.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(0,0,0,.97);border-bottom:1px solid rgba(245,185,0,.32);box-shadow:0 5px 24px rgba(0,0,0,.72)}
.nav-shell{max-width:1536px;margin:0 auto;padding:7px 12px}
.nav-toggle{display:none;width:100%;border:1px solid rgba(245,185,0,.55);background:#06090d;color:var(--gold2);font-weight:800;letter-spacing:.06em;padding:11px 14px;border-radius:6px;cursor:pointer}
.primary-nav{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:4px;align-items:stretch}
.nav-link{display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;color:#e7e9eb;padding:7px 4px;min-height:42px;font-size:clamp(9px,.68vw,12px);line-height:1.08;font-weight:700;letter-spacing:.02em;border:1px solid transparent;border-radius:4px;transition:color .15s,border-color .15s,background .15s,box-shadow .15s}
.nav-link:hover,.nav-link:focus-visible{color:var(--gold2);border-color:rgba(245,185,0,.55);background:rgba(245,185,0,.05);outline:none}
.nav-link.active{color:#111;background:linear-gradient(180deg,#ffd95f,#e9a800);border-color:#ffe18a;box-shadow:0 0 16px rgba(245,185,0,.18)}
.nav-link.contact{border-color:rgba(245,185,0,.55)}
.page-stage{position:relative;max-width:1536px;margin:0 auto;line-height:0;background:#000;overflow:hidden}
.page-art{display:block;width:100%;height:auto;margin:0 auto;user-select:none;-webkit-user-drag:none}
.page-hotspot{position:absolute;display:block;z-index:20;border-radius:8px;background:transparent;line-height:normal}
.page-hotspot:hover,.page-hotspot:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(255,210,45,.95),0 0 24px rgba(255,190,0,.72);background:rgba(255,190,0,.025)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.contact-form{position:absolute;inset:0;z-index:30;line-height:normal;pointer-events:none}
.contact-field{position:absolute;pointer-events:auto;border:0;background:rgba(0,0,0,.20);color:#fff;font:600 clamp(12px,1.35vw,20px)/1.2 Arial,Helvetica,sans-serif;padding:6px 10px;outline:1px solid transparent;border-radius:2px}
.contact-field::placeholder{color:transparent}
.contact-field:focus{background:rgba(0,0,0,.72);outline:2px solid var(--green);box-shadow:0 0 18px rgba(131,224,0,.30)}
.contact-field.first{left:4.55%;top:59.62%;width:23.7%;height:2.55%}
.contact-field.last{left:29.25%;top:59.62%;width:21.25%;height:2.55%}
.contact-field.company{left:4.55%;top:62.72%;width:45.95%;height:2.55%}
.contact-field.title{left:4.55%;top:65.78%;width:23.7%;height:2.55%}
.contact-field.email{left:29.25%;top:65.78%;width:21.25%;height:2.55%}
.contact-field.phone{left:4.55%;top:68.84%;width:45.95%;height:2.55%}
.contact-field.message{left:4.55%;top:71.78%;width:45.95%;height:3.85%;resize:none}
.contact-submit{position:absolute;left:14.15%;top:77.72%;width:73.7%;height:5.85%;pointer-events:auto;border:0;background:transparent;color:transparent;cursor:pointer;border-radius:12px}
.contact-submit:focus-visible,.contact-submit:hover{outline:none;box-shadow:0 0 0 3px rgba(255,210,45,.95),0 0 26px rgba(255,190,0,.72)}
@media(max-width:1120px){
  .primary-nav{grid-template-columns:repeat(6,minmax(0,1fr))}
  .nav-link{font-size:11px}
}
@media(max-width:760px){
  .nav-shell{padding:6px 8px}
  .nav-toggle{display:block}
  .primary-nav{display:none;grid-template-columns:1fr 1fr;margin-top:6px;gap:5px}
  .site-header.open .primary-nav{display:grid}
  .nav-link{font-size:12px;min-height:42px;padding:7px 5px}
  .contact-field{font-size:12px;padding:2px 5px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}