.contact-page{color:#fff;background:#151515}.contact-image{background-image:linear-gradient(#0000001f,#00000040),url(https://api.adddesign.se/wp-content/uploads/2021/04/shutterstock_1753870496-scaled.jpg);background-position:50%;background-size:cover;min-height:750px}.contact-page .top{background:0 0;position:relative}.contact-body{width:min(100% - 40px,610px);margin:45px auto 0;padding-bottom:85px}.contact-body h1{text-align:center;letter-spacing:-.025em;margin:0 0 17px;font-size:clamp(21px,2.3vw,28px);font-weight:700;line-height:1.3}.contact-form{flex-direction:column;gap:12px;display:flex}.contact-form .contact-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.contact-form input:not([type=checkbox]),.contact-form textarea{color:#262626;outline-offset:2px;background:#fff;border:1px solid #e3e3e3;border-radius:0;width:100%;min-height:42px;padding:11px 13px;font:400 15px Plus Jakarta Sans,Arial,sans-serif}.contact-form textarea{resize:vertical;min-height:135px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#848b9b}.contact-form fieldset{border:0;margin:0;padding:0}.contact-form legend{margin-bottom:7px;font-size:15px;font-weight:700}.contact-form fieldset label{cursor:pointer;align-items:center;gap:7px;font-size:14px;line-height:1.75;display:flex}.contact-form fieldset input{appearance:auto;accent-color:#e9a900;width:15px;height:15px;margin:0}.contact-form button{color:#fff;cursor:pointer;background:#eba900;border:0;border-radius:0;align-self:flex-start;padding:14px 19px;font:700 14px Plus Jakarta Sans,Arial,sans-serif}.contact-form button:hover{background:#c99200}.contact-form .mailnote{color:#eee;max-width:500px;margin:0;font-size:11px;line-height:1.5}.contact-page footer{background:#151515;min-height:360px}.contact-page footer .wordmark{letter-spacing:-.03em;font-family:Georgia,serif;font-weight:400}.contact-page footer a,.contact-page footer small{color:#fff}@media (max-width:650px){.contact-image{min-height:0}.contact-page .top{background:#0000004d}.contact-body{width:min(100% - 36px,610px);margin:40px auto 0;padding-bottom:65px}.contact-form .contact-two{grid-template-columns:1fr}.contact-body h1{font-size:24px}.contact-page .contact-form input:not([type=checkbox]):not([type=file]),.contact-page .contact-form textarea{min-height:48px!important;padding:12px 14px!important;font-size:16px!important}.contact-page .contact-form textarea{min-height:145px!important}.contact-page .contact-details,.contact-page .contact-project,.contact-page .contact-form .contact-two{gap:11px}}.contact-page .contact-actions{flex-direction:column;align-items:center;gap:8px}.contact-page .contact-inline-required{width:100%;position:relative}.contact-page .contact-inline-placeholder{pointer-events:none;color:#848b9b;font-size:16px;font-weight:400;line-height:1.2;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.contact-page .contact-inline-placeholder b{color:#f59e0b;font-weight:700}@media (max-width:650px){.contact-page .contact-inline-placeholder{left:14px}}.contact-page .contact-actions{justify-content:center!important;align-items:center!important}.contact-page .contact-actions button[type=submit]{align-self:center!important}@media (max-width:800px){.contact-page .contact-actions button[type=submit]{width:100%}}.contact-page .contact-form input::placeholder,.contact-page .contact-form textarea::placeholder,.contact-page .contact-inline-placeholder{letter-spacing:normal!important;font-family:Plus Jakarta Sans,Arial,sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.2!important}.contact-page .contact-inline-placeholder b{font-size:inherit!important;font-weight:700!important}
.contact-page .attachments{color:#fff;flex-direction:column;gap:10px;display:flex}.attachments-title{font-weight:600}.attachments-title span{opacity:.8;font-weight:400}.contact-page .attachments-drop{text-align:center;cursor:pointer;background:#00000029;border:1px dashed #ffffffe6;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:22px 16px;display:flex}.attachments-drop small{opacity:.9;width:100%;display:block}.contact-page #project-files{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.contact-page #project-files:focus-visible+.attachments-drop{outline:2px solid #fff}.attachments ul{margin:0;padding:0;list-style:none}.attachments li{overflow-wrap:anywhere;background:#00000047;justify-content:space-between;align-items:center;gap:8px;padding:7px 12px;display:flex}.contact-page .attachments li button{color:#fff;border:0;margin:0;padding:0 6px;background:0 0!important}.contact-page .attachments-error{color:#ffe7c5;font-size:16px!important}.contact-page .attachments-notice{color:#fff9e8;line-height:1.45;font-size:15px!important}
.contact-page .contact-body{width:min(100% - 64px,1100px);padding-top:118px;padding-bottom:66px}.contact-page .contact-body h1{letter-spacing:-.035em;text-wrap:balance;max-width:800px;margin:0 auto 35px;font-size:clamp(30px,3vw,43px);font-weight:650;line-height:1.18}.contact-page .contact-form.contact-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:stretch;gap:19px 30px;display:grid}.contact-page .contact-details,.contact-page .contact-project{flex-direction:column;gap:15px;min-width:0;display:flex}.contact-page .contact-details .contact-two{gap:15px}.contact-page .contact-form input:not([type=checkbox]),.contact-page .contact-form textarea{box-shadow:none;background:#fffffff5;border:1px solid #ffffff6b;border-radius:5px;min-height:56px;padding:15px 18px;transition:border-color .15s,box-shadow .15s}.contact-page .contact-form input:focus,.contact-page .contact-form textarea:focus{border-color:#efb53a;outline:none;box-shadow:0 0 0 3px #efb53a47}.contact-page .contact-project textarea{resize:vertical;height:199px;min-height:199px}.contact-page .contact-grid .attachments{gap:8px}.contact-page .attachments-title{font-weight:600;line-height:1.3}.contact-page .attachments-drop{background:#00000036;border:1.5px dashed #ffffffa6;border-radius:6px;min-height:100px;padding:18px;transition:background .18s,border-color .18s}.contact-page .attachments-drop:hover{background:#0000005c;border-color:#fff}.contact-page .attachments-drop small{opacity:.85;font-size:14px!important}.contact-page .contact-actions{grid-column:1/-1;justify-content:center;padding-top:6px;display:flex}.contact-page .contact-actions button{background:#e9a900;border-radius:5px;min-height:55px;margin:0;padding:16px 42px;transition:background .2s,transform .2s}.contact-page .contact-actions button:hover{background:#d79c00;transform:translateY(-1px)}@media (max-width:800px){.contact-page .contact-body{width:min(100% - 36px,690px);padding-top:150px;padding-bottom:65px}.contact-page .contact-form.contact-grid{grid-template-columns:1fr;gap:17px}.contact-page .contact-body h1{margin-bottom:27px;font-size:30px}.contact-page .contact-project textarea{height:175px;min-height:175px}.contact-page .contact-actions{grid-column:1}.contact-page .contact-actions button{width:100%}}
