.company-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:52px; align-items:center; }
.company-section { background:radial-gradient(ellipse at 15% 40%,rgba(214,163,38,.1),transparent 60%); border-block:1px solid var(--line); }
.company-copy h2 { margin:14px 0 20px; }
.company-copy p { color:var(--muted); }
.company-photo { margin:0; overflow:hidden; border:1px solid var(--line); border-radius:24px; box-shadow:var(--shadow); }
.company-photo img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; }
.company-tags { display:flex; flex-wrap:wrap; gap:9px; margin:24px 0; padding:0; list-style:none; }
.company-tags li { padding:7px 13px; border:1px solid var(--line); border-radius:30px; color:var(--gold-light); font-size:12px; }
.company-page .company-hero { padding-top:160px; }
.company-page h1 { font-family:inherit; font-size:clamp(41px,5vw,65px); font-weight:700; text-transform:none; letter-spacing:-3px; line-height:1.02; margin:20px 0; }
.company-page .company-lead { font-size:20px; color:var(--champagne); }
.company-inquiry { padding-block:80px; }
.company-inquiry .contact-grid { align-items:start; }
.company-inquiry h2 { margin-top:12px; }
.company-inquiry .field select { width:100%; min-width:0; border:1px solid var(--line); border-radius:13px; padding:13px 14px; background:#110e08; color:var(--text); font:inherit; }
.company-inquiry .field select:focus-visible { outline:2px solid var(--gold); outline-offset:2px; }
.company-inquiry .field input,.company-inquiry .field textarea { min-width:0; font:inherit; color-scheme:dark; }
.company-inquiry .form-grid > * { min-width:0; }
.company-inquiry .button { white-space:normal; }
.company-status { border-radius:13px; margin-top:16px; padding:16px; border:1px solid var(--gold); color:var(--champagne); }
.company-status:empty { display:none; }
.company-page a:focus-visible,.company-page button:focus-visible { outline:2px solid var(--gold-light); outline-offset:4px; }
/* The extra menu entry needs the compact navigation on medium screens. */
@media(min-width:901px) { body:has(.company-section) .nav-shell { gap:16px; } body:has(.company-section) .brand { min-width:180px; } body:has(.company-section) .brand img { width:180px; } body:has(.company-section) .main-nav { gap:12px; } body:has(.company-section) .main-nav a { font-size:12px; } body:has(.company-section) .nav-cta { display:none; } }
@media(min-width:901px) and (max-width:1250px) { body:has(.company-section) .nav-shell { grid-template-columns:auto auto 1fr; } body:has(.company-section) .menu-toggle { display:block; justify-self:end; order:3; } body:has(.company-section) .header-actions { justify-self:end; order:2; } body:has(.company-section) .main-nav { display:none; position:absolute; top:88px; left:14px; right:14px; padding:15px; flex-direction:column; align-items:stretch; gap:0; background:rgba(4,3,2,.98); border:1px solid var(--line); border-radius:18px; } body:has(.company-section) .main-nav.open { display:flex; } body:has(.company-section) .main-nav a { padding:13px 14px; border-bottom:1px solid var(--line); } body:has(.company-section) .main-nav a::after { display:none; } }
@media(max-width:900px) { .company-grid { grid-template-columns:1fr; gap:28px; } .company-page .company-hero { padding-top:120px; } }
@media(max-width:680px) { .company-page h1 { font-size:43px; letter-spacing:-2px; } .company-inquiry { padding-block:48px; } .company-inquiry .contact-form { padding:20px; } .company-inquiry .form-grid { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }