.contact-container{width:min(1170px,calc(100% - 96px));margin:auto}.contact-nav{display:flex;gap:28px;align-items:center;margin-left:25px}.contact-nav a{font-size:11px;color:#d9dfff}.contact-nav a:hover,.contact-nav a.current{color:white}.contact-nav a.current{border-bottom:1px solid var(--yellow);padding-bottom:5px}.contact-menu{display:none}.contact-hero{min-height:720px;padding:95px 0 0}.contact-side{position:absolute;top:85px;left:28px;height:calc(100% - 85px);display:flex;align-items:center;flex-direction:column;gap:16px;color:#b3c2ff;writing-mode:vertical-rl;font:8px var(--mono);letter-spacing:.1em;z-index:2}.contact-side:after{content:'';position:absolute;top:0;left:50%;height:100%;width:1px;background:rgba(255,255,255,.22);z-index:-1}.contact-side>span{writing-mode:horizontal-tb;background:var(--yellow);color:var(--blue);padding:5px;font:11px var(--mono)}.contact-side small{font-size:7px}.contact-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:90px;align-items:start}.contact-copy{padding-top:18px}.contact-copy h1{font-size:clamp(58px,6.5vw,88px);line-height:.98;margin:30px 0}.contact-copy>p{font-size:14px;line-height:1.8;color:#c7d2ff;max-width:385px}.contact-steps{margin-top:48px}.contact-steps>div{display:grid;grid-template-columns:35px 1fr 20px;gap:12px;align-items:center;padding:16px 0;border-top:1px solid rgba(255,255,255,.25)}.contact-steps>div:last-child{border-bottom:1px solid rgba(255,255,255,.25)}.contact-steps span{font:9px var(--mono);border:1px solid #b1c2ff;color:#d4ddff;width:26px;height:26px;display:grid;place-items:center}.contact-steps>div:first-child span{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.contact-steps strong{font-size:13px;font-weight:600}.contact-steps b{color:var(--yellow);font-size:12px}.contact-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:42px}.contact-meta span,.contact-meta strong{display:block}.contact-meta span{font:8px var(--mono);color:#a9bbff;margin-bottom:9px}.contact-meta strong{font-size:10px;font-weight:600}.contact-form-wrap{background:#f4f4ef;color:var(--ink);padding:32px;position:relative}.contact-form-wrap:before,.contact-form-wrap:after{content:'+';position:absolute;color:#b2c2ff;font:16px var(--mono);top:-10px}.contact-form-wrap:before{left:-6px}.contact-form-wrap:after{right:-6px}.form-top{display:flex;justify-content:space-between;color:#6b80cd;font:8px var(--mono);letter-spacing:.07em;margin-bottom:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 14px}.form-grid label,.message-label,#form-result>label{display:block;font:8px var(--mono);letter-spacing:.06em;color:#526bc6}.form-grid label>span{color:var(--blue)}.form-grid label small,.message-label small,fieldset legend small{font:7px var(--mono);color:#9aa4bb;margin-left:5px}.form-grid input,.form-grid select,.contact-form-wrap textarea{display:block;width:100%;border:1px solid #cbd4eb;background:#fff;border-radius:0;color:var(--ink);padding:13px;margin-top:9px;font:11px var(--sans);outline:none;transition:border-color .2s,box-shadow .2s}.form-grid input:focus,.form-grid select:focus,.contact-form-wrap textarea:focus{border-color:var(--blue);box-shadow:0 0 0 2px rgba(25,61,225,.1)}.form-grid input::placeholder,.contact-form-wrap textarea::placeholder{color:#a5aab6}.form-grid select{min-height:43px;height:auto}.contact-form-wrap fieldset{border:0;padding:0;margin:25px 0}.contact-form-wrap legend{font:8px var(--mono);letter-spacing:.06em;color:#526bc6;margin-bottom:12px}.checkbox-group{display:flex;flex-wrap:wrap;gap:7px}.checkbox-group label{cursor:pointer}.checkbox-group input{position:absolute;opacity:0;pointer-events:none}.checkbox-group span{display:flex;align-items:center;gap:7px;border:1px solid #ccd5e8;padding:9px 10px;font-size:10px;transition:.2s}.checkbox-group span:before{content:'';width:10px;height:10px;border:1px solid #b4c3e4;background:white}.checkbox-group input:checked+span{color:var(--blue);border-color:var(--blue);background:#e6ebff}.checkbox-group input:checked+span:before{background:var(--blue);box-shadow:inset 0 0 0 2px white}.checkbox-group input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}.contact-form-wrap textarea{min-height:105px;resize:vertical;line-height:1.6}.form-submit{width:100%;background:var(--yellow);border:0;color:var(--ink);padding:16px;margin-top:20px;display:flex;align-items:center;justify-content:center;gap:15px;font-size:11px;font-weight:800;transition:background .2s,transform .2s}.form-submit:hover{background:#f3d51c;transform:translateY(-2px)}.form-submit span{font-size:14px}.form-disclaimer,#form-result>p{font-size:10px;line-height:1.8;color:#8a92a1;margin:17px 0 0}.contact-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.23);margin-top:75px;padding:20px 0;color:#b4c2ff;font:8px var(--mono)}.result-icon{font-size:32px;color:var(--blue);margin-bottom:16px}.contact-form-wrap #form-result h2{font-size:40px;letter-spacing:-.06em;margin:0}.contact-form-wrap #form-result>p{margin-bottom:25px}.contact-form-wrap #form-result textarea{min-height:190px}.result-actions{display:flex;align-items:center;gap:20px}.result-actions .form-submit{flex:1}.edit-enquiry{border:0;background:none;color:var(--blue);font:9px var(--mono);white-space:nowrap;margin-top:20px}.copy-status{min-height:17px;color:var(--blue)!important;margin:12px 0 0!important}.contact-page .footer-grid{padding-top:0}@media(max-width:1250px){.contact-nav{display:none;position:absolute;top:83px;left:0;right:0;background:var(--blue);margin:0;padding:20px 50px;flex-direction:column;align-items:flex-start;gap:18px;border-top:1px solid rgba(255,255,255,.2)}.contact-nav.open{display:flex}.contact-menu{display:block;border:0;background:none;color:white;font-size:22px}.contact-page .nav-cta{margin-left:auto;margin-right:15px}}@media(max-width:1000px){.contact-container{width:calc(100% - 80px)}.contact-layout{gap:40px}.contact-copy h1{font-size:58px}.contact-form-wrap{padding:25px}}@media(max-width:700px){.contact-container{width:calc(100% - 44px)}.contact-nav{top:68px;padding:20px 22px}.contact-side{display:none}.contact-hero{padding-top:65px}.contact-layout{grid-template-columns:1fr;gap:45px}.contact-copy h1{font-size:55px}.contact-copy>p{font-size:12px}.contact-steps{margin-top:35px}.contact-meta{margin-top:30px}.contact-form-wrap{padding:24px}.form-grid{grid-template-columns:1fr 1fr}.contact-bottom{margin-top:45px;gap:20px;font-size:7px}.contact-form-wrap #form-result h2{font-size:35px}}@media(max-width:380px){.form-grid{grid-template-columns:1fr}.contact-meta{grid-template-columns:1fr 1fr}.contact-meta>div:last-child{display:none}}

/* Pure black contact form */
.contact-form-wrap{
    background:#000;
    color:#f2f2f2;
    border:1px solid rgba(255,255,255,.18);
    box-shadow:0 24px 60px rgba(0,0,0,.45)
}
.contact-form-wrap:before,.contact-form-wrap:after{color:var(--yellow)}
.form-top{color:#9a9a9a}
.form-grid label,.message-label,#form-result>label,.contact-form-wrap legend{color:#cfcfcf}
.form-grid label>span{color:var(--yellow)}
.form-grid label small,.message-label small,fieldset legend small{color:#7a7a7a}
.form-grid{min-width:0}
.form-grid>label{min-width:0;max-width:100%}
.form-grid input,.form-grid select,.contact-form-wrap textarea{
    background:#0a0a0a;
    border:1px solid rgba(255,255,255,.22);
    color:#f5f5f5;
    color-scheme:dark;
    width:100%;
    max-width:100%;
    min-width:0;
    height:auto;
    min-height:43px;
    box-sizing:border-box
}
.form-grid input:focus,.form-grid select:focus,.contact-form-wrap textarea:focus{
    border-color:var(--yellow);
    box-shadow:0 0 0 2px rgba(248,223,56,.18)
}
.form-grid input::placeholder,.contact-form-wrap textarea::placeholder{color:#6e6e6e}

/* Team size dropdown — custom chevron, no clipping at any size */
.contact-form-wrap .form-grid select,
.contact-page #contact-form select,
#contact-form #team{
    -webkit-appearance:none!important;
    -moz-appearance:none!important;
    appearance:none!important;
    background-color:#0a0a0a!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23f8df38' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:right 14px center!important;
    background-size:12px 8px!important;
    padding:13px 40px 13px 13px!important;
    height:auto!important;
    min-height:43px!important;
    line-height:1.35!important;
    font-size:11px!important;
    cursor:pointer;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.form-grid select option,
#contact-form #team option{background:#000;color:#f5f5f5}
.checkbox-group span{
    border-color:rgba(255,255,255,.22);
    color:#e6e6e6;
    background:transparent
}
.checkbox-group span:before{
    border-color:rgba(255,255,255,.4);
    background:transparent
}
.checkbox-group input:checked+span{
    color:#000;
    border-color:var(--yellow);
    background:var(--yellow)
}
.checkbox-group input:checked+span:before{
    background:#000;
    border-color:#000;
    box-shadow:inset 0 0 0 2px var(--yellow)
}
.checkbox-group input:focus-visible+span{outline-color:var(--yellow)}
.form-disclaimer,#form-result>p{color:#8a8a8a}
.result-icon{color:var(--yellow)}
.contact-form-wrap #form-result h2{color:#fff}
.edit-enquiry{color:#d0d0d0}
.edit-enquiry:hover{color:var(--yellow)}
.copy-status{color:var(--yellow)!important}
.form-submit{background:var(--yellow);color:var(--ink)}
.form-submit:hover{background:#ffe65a}
.form-submit:disabled{opacity:.7;transform:none}

@media (min-width:1400px){
    .contact-page #contact-form select,
    #contact-form #team{
        font-size:16px!important;
        padding:16px 48px 16px 20px!important;
        min-height:56px!important;
        background-position:right 18px center!important
    }
    .contact-page #contact-form input,
    .contact-page #contact-form textarea{
        padding:16px 20px!important;
        min-height:56px;
        font-size:16px!important
    }
}
@media (max-width:700px){
    .form-grid{grid-template-columns:1fr!important}
    .contact-page #contact-form select,
    #contact-form #team{
        font-size:16px!important;
        padding:14px 44px 14px 14px!important;
        min-height:48px!important;
        background-position:right 16px center!important
    }
}
@media (max-width:380px){
    .contact-page #contact-form select,
    #contact-form #team{
        font-size:15px!important;
        padding:13px 40px 13px 12px!important
    }
}