/* NorseStar, company-site forms (contact, apply, thanks). Rides on site.css +
 company.css; defines only the form controls those files lack. */

.ns-form{position:relative;max-width:860px;margin:0 auto;padding:30px}
.ns-form:hover{border-color:var(--line)}          /* .card's hover glow is for clickable cards */
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}
.fld{display:flex;flex-direction:column;gap:7px;margin:0}
.fld.full{margin-top:18px}
.fld > span{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:#c3cde0}
.fld small{color:var(--mut);font-size:12.5px}
.ns-form input,.ns-form select,.ns-form textarea{width:100%;background:#090b11;border:1px solid #273044;border-radius:8px;
 color:var(--ink);font:inherit;font-size:15px;padding:11px 13px;outline:none;transition:border-color .15s,box-shadow .15s}
.ns-form textarea{resize:vertical;min-height:150px}
.ns-form input:focus,.ns-form select:focus,.ns-form textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(75,255,255,.12)}
.ns-form select{appearance:none;-webkit-appearance:none;padding-right:38px;cursor:pointer;
 background-image:linear-gradient(45deg,transparent 50%,var(--cyan) 50%),linear-gradient(135deg,var(--cyan) 50%,transparent 50%);
 background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat}
.ns-form select option{background:#0d0f16;color:var(--ink)}
.ns-form input[type=file]{padding:8px;cursor:pointer;color:var(--mut)}
.ns-form input[type=file]::file-selector-button{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:12px;
 background:transparent;color:var(--cyan);border:1px solid var(--cyan);border-radius:6px;padding:7px 14px;margin-right:12px;cursor:pointer}
.factions{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:24px}
.factions .btn{padding:13px 26px;font-size:14px}

/* honeypot: off-screen for people, still in the markup for bots */
.hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

/* page-hero extras: the chosen role (apply), the reference (thanks), Writer copy slots */
.page-hero .role-line{color:var(--cyan);font-family:"Oswald",sans-serif;letter-spacing:.08em;text-transform:uppercase;font-size:17px}
.page-hero .ref-line b{color:var(--cyan);font-family:"Oswald",sans-serif;font-weight:400;letter-spacing:.1em}
.page-hero [data-copy] p{margin:0 0 10px}
.page-hero [data-copy] p:last-child{margin-bottom:0}

@media (max-width:760px){
 .fgrid{grid-template-columns:1fr}
 .ns-form{padding:20px}
}