.creative-page #quote{background:#000;color:#fff;display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:start;padding:88px 6vw}
.creative-page #quote .quote-intro h2{font-size:clamp(36px,4vw,60px);font-weight:500;line-height:1.08;letter-spacing:-.025em}
.creative-page #quote .quote-intro p{max-width:32ch;margin:24px 0;font-size:18px;line-height:1.55;color:#b8c4ce}
.creative-page #quote .book-call{display:flex;width:max-content;margin-bottom:22px}
.creative-page #quote .button{background:#fff;color:#111;border:1px solid #fff;font-size:16px;font-weight:400;min-height:52px;padding:14px 22px;gap:34px}
.creative-page #quote .button:hover{background:#e6e6e6}
.creative-page #quote-form>h3{font-size:25px;line-height:1.2;margin-bottom:28px;font-weight:500}
.creative-page #quote fieldset{border:0;padding:0;margin:0 0 28px}
.creative-page #quote legend{font-size:15px;margin-bottom:14px}
.creative-page #quote .quote-options{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.creative-page #quote .quote-options label{display:flex;align-items:center;gap:10px;font-size:14px;min-height:36px;cursor:pointer}
.creative-page #quote .quote-options input{position:static;opacity:1;width:16px;height:16px;accent-color:#fff;flex:none;margin:0;padding:0}
.creative-page #quote .quote-options span{padding:5px 0;border:0;background:none;font-size:14px;color:#fff}
.creative-page #quote-form>label,.creative-page #quote .form-row label{display:grid;gap:9px;font-size:14px;margin-bottom:20px}
.creative-page #quote input:not([type=checkbox]),.creative-page #quote textarea,.creative-page #quote select{border:1px solid #59616a;background:#101315;color:#fff;border-radius:0;padding:12px;width:100%;font-size:16px;margin-top:0}
.creative-page #quote input::placeholder,.creative-page #quote textarea::placeholder{color:#a8b1b9}
.creative-page #quote .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.creative-page #quote .brief-preview{border-block:1px solid #ffffff30;padding:18px 0;margin:6px 0 24px}
.creative-page #quote .brief-preview>span{font-size:12px;color:#a8b8c5}
.creative-page #quote .brief-preview p{font-size:15px;line-height:1.5;margin-top:8px;overflow-wrap:anywhere}
.creative-page #quote .form-note,.creative-page #quote-status{font-size:12px;color:#aab6c0;line-height:1.5;margin-top:14px;max-width:55ch}
.creative-page #quote :is(input,select,textarea,button,a):focus-visible{outline:2px solid #f47b32;outline-offset:4px}
@media(max-width:760px){.creative-page #quote{grid-template-columns:1fr;gap:44px;padding:64px 6vw}.creative-page #quote .quote-intro h2{font-size:40px}}
@media(max-width:480px){.creative-page #quote{padding:52px 24px}.creative-page #quote .form-row{grid-template-columns:1fr;gap:0}.creative-page #quote .quote-options{grid-template-columns:1fr}}


.project-page #quote{padding-top:160px;min-height:100vh}.project-page .site-header{background:#000}.project-page .quote-intro{position:sticky;top:140px}.project-page [hidden]{display:none!important}
.service-choices{display:grid;grid-template-columns:1fr;gap:8px}.service-choices label{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #454545;cursor:pointer;font-size:16px}.service-choices label:has(:checked){border-color:#f47b32;background:#17120f}.creative-page #quote .service-choices input[type=radio]{width:18px;height:18px;margin:0;accent-color:#f47b32}.project-page #quote-form>label[data-service]{margin-bottom:24px}
@media(max-width:760px){.project-page #quote{padding-top:120px}.project-page .quote-intro{position:static}}

@media(max-width:760px){
 .creative-page:not(.project-page) #quote .quote-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}
 .creative-page:not(.project-page) #quote .quote-options label{min-height:44px;min-width:0;gap:10px;align-items:center}
 .creative-page:not(.project-page) #quote .quote-options input{width:24px;height:24px}
 .creative-page:not(.project-page) #quote .quote-options span{font-size:14px;line-height:1.3;min-width:0}
 .creative-page:not(.project-page) #quote .form-row{grid-template-columns:1fr;gap:0}
}