/* Figma 6918:3740: two equal columns, content starts at y=219 at 1920 px. */
.nl-order{--order-content-top:219px;--order-intro-height:179px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-top:120px}
.nl-order-left{position:relative;min-width:0;padding-right:40px;padding-bottom:80px}
.nl-order-intro{position:sticky;top:calc(var(--nl-header-height,99px) + 40px)}
.nl-order-intro h1{font-size:clamp(40px,3.333333vw,64px);font-weight:400;line-height:1.05;letter-spacing:-.04em;margin-bottom:40px}
.nl-order-intro p{max-width:445px;font-size:20px;line-height:1.2}
.nl-order-mail{display:table;position:sticky;top:calc(100svh - 104px);margin-top:max(80px,calc(100svh - var(--order-content-top) - var(--order-intro-height) - 104px));font-size:20px;line-height:24px;transition:opacity .25s}
.nl-order-mail:hover{opacity:.55}
.nl-order-form{min-width:0;padding:0 0 120px 40px;border-left:1px solid #f2f2f2;scroll-margin-top:110px}
.nl-order-section{min-width:0;margin:0 0 100px;padding:0;border:0}
.nl-order-section legend{float:left;width:100%;padding:0;margin-bottom:40px;font-size:40px;font-weight:500;line-height:1.05;letter-spacing:-.02em}
.nl-order-section>div{clear:both}
.nl-order-fields{display:flex;flex-direction:column;gap:50px}
.nl-order-field{display:flex;align-items:flex-end;gap:12px;min-width:0;font-size:20px;line-height:24px}
.nl-order-field>span{flex:none}
.nl-order-field input,.nl-order-field textarea{min-width:0;width:100%;padding:0 0 1px;border:0;border-bottom:1px solid #000;border-radius:0;background:transparent;color:#000;font:inherit;line-height:22px;outline-offset:5px;transition:border-color .25s}
.nl-order-field input:focus,.nl-order-field textarea:focus{outline:none;border-color:#555;box-shadow:0 1px 0 #555}
.nl-order-field input:user-invalid,.nl-order-field textarea:user-invalid{border-color:#c63232}
.nl-order-contact-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.nl-order-project{display:flex;flex-direction:column;gap:40px}
.nl-order-task{align-items:flex-start}
.nl-order-task textarea{height:24px;min-height:24px;max-height:320px;resize:vertical;overflow-y:auto}
.nl-order-options{position:relative;isolation:isolate;display:flex;flex-wrap:wrap;gap:2px}
.nl-order-options button{position:relative;padding:10px 12px;border-radius:6px;background:#f2f2f2;font-size:17px;font-weight:500;line-height:1.3;letter-spacing:-.02em;transition:background .25s,color .25s}
.nl-order-options button[aria-pressed=true]{background:#000;color:#fff}
.nl-order-options .nl-nav-highlight{z-index:1;mix-blend-mode:multiply}
.nl-order-options .nl-nav-pill{background:#e4e4e4}
.nl-order-options .nl-scramble{z-index:2}
.nl-order-section:last-of-type{margin-bottom:80px}
.nl-order-consent{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.3;cursor:pointer}
.nl-order-consent input{appearance:none;flex:none;margin:0;width:24px;height:24px;border-radius:4px;background:#f2f2f2;cursor:pointer;display:grid;place-content:center}
.nl-order-consent input:checked{background:#000}
.nl-order-consent input:checked::after{content:'✓';color:#fff;font-size:18px;line-height:1}
.nl-order-consent input:focus-visible{outline:2px solid #394bff;outline-offset:4px}
.nl-order-consent input:user-invalid{outline:1px solid #c63232}
.nl-order-consent a{text-decoration:underline;text-decoration-color:#aaa;text-underline-offset:3px}
.nl-order-submit{position:relative;isolation:isolate;overflow:hidden;width:100%;padding:24px 22px;margin-top:30px;background:#000;color:#fff;transform:none}
.nl-order-submit:hover{background:#000;transform:none}
.nl-order-submit .nl-button-pill{background:#242424}
.nl-order-submit:disabled{cursor:wait;opacity:.65}
.nl-order-status{font-size:14px;line-height:1.5;margin-top:20px}
.nl-order-status:empty{display:none}
.nl-order-status a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:701px){
  .nl-order.is-form-fitting .nl-order-intro{position:static}
  .nl-order.is-form-fitting .nl-order-mail{position:absolute;top:var(--order-submit-center);margin-top:0;transform:translateY(-50%)}
}
@media(max-width:1300px){.nl-order{--order-content-top:189px;padding-top:90px}.nl-order-section legend{font-size:34px}.nl-order-intro p,.nl-order-field{font-size:18px}.nl-order-options button{font-size:15px}.nl-order-contact-row{grid-template-columns:1fr;gap:50px}}
@media(max-width:1000px){.nl-order{--order-content-top:168px;padding-top:80px}.nl-order-left{padding-right:28px}.nl-order-form{padding-left:28px}.nl-order-intro h1{font-size:40px}.nl-order-section{margin-bottom:80px}}
@media(max-width:700px){.nl-order{display:block;padding-top:56px}.nl-order-left{padding:0 0 56px;display:flex;flex-direction:column;gap:28px}.nl-order-intro,.nl-order-mail{position:static}.nl-order-intro h1{font-size:clamp(32px,8vw,44px);margin-bottom:24px}.nl-order-intro p{font-size:18px;line-height:1.3}.nl-order-mail{margin:0;font-size:18px}.nl-order-form{padding:40px 0 64px;border-left:0;border-top:1px solid #f2f2f2}.nl-order-section legend{font-size:30px;margin-bottom:32px}.nl-order-section{margin-bottom:64px}.nl-order-fields,.nl-order-contact-row{gap:36px}.nl-order-project{gap:32px}.nl-order-field{font-size:16px;gap:8px}.nl-order-options button{font-size:14px;padding:10px}.nl-order-section:last-of-type{margin-bottom:48px}.nl-order-consent{align-items:flex-start;font-size:12px}.nl-order-submit{padding:20px;margin-top:24px}}
@media(min-width:701px) and (max-height:620px){.nl-order-intro,.nl-order-mail{position:static}.nl-order-mail{margin-top:80px}}
@media(prefers-reduced-motion:reduce){.nl-order-mail,.nl-order-options button,.nl-order-field input,.nl-order-field textarea{transition:none}}
