@layer theme,base,components,utilities,site,cards,pages,pages.home,pages.work,pages.projects,pages.about,pages.jobs,pages.partners;@layer pages.contact{.contact-hero{align-items:end;row-gap:var(--s-5);min-height:100svh;padding-block:140px var(--s-7)}.contact-copy{gap:var(--s-4);grid-column:1/7;align-self:end;justify-items:start;display:grid}.contact-copy h1{font-size:var(--fs-display);line-height:var(--lh-display);text-shadow:0 4px 40px #040a2c59}.contact-copy h1 .blue{text-transform:none;color:#fff;font-style:italic}.contact-lede{max-width:46ch;font:500 var(--fs-caption) / 1.5 var(--font-mono);letter-spacing:var(--ls-caption);color:#fff;text-shadow:0 1px 12px #040a2c80}.contact-form-panel{--ink:#07123a;--ink-2:#414d78;--ink-3:#4a5683;--line:#07123a29;--accent-ink:#0046cc;--frost:#fff9;--frost-edge:#0057ff66;align-self:end;gap:var(--s-3);padding:var(--s-5);-webkit-backdrop-filter:blur(22px)saturate(1.3);backdrop-filter:blur(22px)saturate(1.3);color:var(--ink);background:#eef2fce6;border:1px solid #fff9;border-radius:28px;grid-column:8/13;display:grid;box-shadow:0 40px 90px -40px #040a2cb3}:root[data-theme=dark] .contact-form-panel{--ink:#e9eeff;--ink-2:#a5b1dc;--ink-3:#8a96c4;--line:#e9eeff29;--accent-ink:#7fa4ff;--frost:#14225a80;--frost-edge:#7fa4ff73;background:#050b24e0;border-color:#7fa4ff33}.contact-form-caption{color:var(--accent-ink)}.contact-form-panel .contact-form input,.contact-form-panel .contact-form select,.contact-form-panel .contact-form textarea{color:var(--ink);background:#ffffffb3;border-color:#07123a99}:root[data-theme=dark] .contact-form-panel .contact-form input,:root[data-theme=dark] .contact-form-panel .contact-form select,:root[data-theme=dark] .contact-form-panel .contact-form textarea{background-color:#ffffff0d}.contact-form-panel .contact-form select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23414d78' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 18px center;background-repeat:no-repeat;background-size:12px 8px;padding-right:44px}:root[data-theme=dark] .contact-form-panel .contact-form select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23a5b1dc' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}:root[data-theme=dark] .contact-form-panel .contact-form :is(input,select,textarea){border-color:#e9eeff66}.contact-form-panel .contact-form :is(input,select,textarea):focus,:root[data-theme=dark] .contact-form-panel .contact-form :is(input,select,textarea):focus{border-color:var(--blue)}.contact-form-panel .button{background:var(--blue);border-color:var(--blue);color:#fff}.contact-form-panel .form-sent .eyebrow{color:var(--accent-ink)}.contact-form-panel .text-link{color:var(--ink)}.contact-information{gap:var(--s-6) var(--s-8);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;display:grid}.contact-email-card{gap:var(--s-4);justify-items:start;display:grid}.contact-email-link{max-width:100%;font:400 var(--fs-h1) / 1 var(--font-display);letter-spacing:-.01em;overflow-wrap:anywhere;transition:background-size .6s var(--ease-out), color .3s;background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;align-items:center;gap:.2em;display:inline-flex}.contact-email-link:hover{color:var(--accent-ink);background-size:100% 2px}.contact-email-link .arrow{width:.5em;height:.5em}.contact-brief{gap:var(--s-3);display:grid}.contact-brief-intro,.contact-brief-outro{font:500 var(--fs-caption) / 1.5 var(--font-mono);letter-spacing:var(--ls-caption);color:var(--ink-2)}.contact-brief ol{counter-reset:brief;border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.contact-brief li{counter-increment:brief;border-bottom:1px solid var(--line);font:400 var(--fs-h3) / var(--lh-h3) var(--font-display);grid-template-columns:56px 1fr;align-items:baseline;padding-block:16px;display:grid}.contact-brief li:before{content:counter(brief, decimal-leading-zero);font:500 var(--fs-micro) / 1 var(--font-mono);letter-spacing:var(--ls-caption);color:var(--ink-3)}.contact-za-heading{gap:var(--s-4);margin-bottom:var(--s-7);justify-items:start;display:grid}.contact-za-columns{gap:var(--s-6) var(--s-8);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;display:grid}.contact-za-card{gap:var(--grid-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.contact-za-card address{padding:var(--s-4);border-radius:var(--radius-tile);background:var(--paper);border:1px solid var(--line);align-content:start;justify-items:start;gap:10px;font-style:normal;display:grid}.contact-za-n{font:500 var(--fs-micro) / 1 var(--font-mono);letter-spacing:var(--ls-caption);color:var(--ink-3)}.contact-za-card strong{font:400 var(--fs-h3) / var(--lh-h3) var(--font-display);text-transform:uppercase}.contact-za-card p{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink-2)}.contact-za-copy{gap:var(--s-4);justify-items:start;display:grid}.contact-za-copy>div{gap:var(--s-1);padding-top:var(--s-3);border-top:1px solid var(--line);display:grid}.contact-za-copy h3{text-transform:uppercase}.contact-za-copy p{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink-2)}.contact-za-copy .button{white-space:normal;text-align:left}.contact-process{padding-block:0 var(--section-y)}.contact-process-note{margin:0 auto}@media (max-width:1050px){.contact-copy,.contact-form-panel{grid-column:1/-1}.contact-form-panel{max-width:640px}.contact-za-columns,.contact-information{grid-template-columns:1fr}}@media (max-width:800px){.contact-hero{padding-top:120px}.contact-form-panel{padding:var(--s-3);border-radius:22px}.contact-za-card{grid-template-columns:1fr}}}@layer pages.checklist,pages.legal,pages.services;.contact-form .form-optin{grid-template-columns:auto 1fr;align-items:start;gap:12px}.contact-form .form-optin input{width:20px;height:20px;min-height:0;accent-color:var(--blue);margin:2px 0 0;padding:0}.contact-form .form-optin>span{font:400 var(--fs-small) / 1.5 var(--font-sans);letter-spacing:0}.contact-enquiry-form :is(input,select,textarea){font-size:16px}.contact-enquiry-form .form-optin>span{font-size:14px}.contact-enquiry-form .form-actions{justify-content:space-between;gap:16px 24px}.contact-form-utilities{flex-wrap:wrap;align-items:center;gap:4px 16px;display:flex}.contact-form-utilities :is(a,button){min-height:44px;color:var(--ink-2);font:400 14px / 1.5 var(--font-sans);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;text-decoration:underline;display:inline-flex}.contact-form-utilities button:disabled{cursor:wait;opacity:.65}
