/* Contact uses the shared content roles and clear product-lens material. */
.contact-page .contact-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--okto-grid-gap);padding:calc(64px + clamp(64px,9svh,112px)) var(--pad) var(--okto-chapter-space);align-items:center}
.contact-identity{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}
.contact-object.okto-lens{width:min(100%,640px);margin:0 auto;aspect-ratio:1}
.contact-object::before{content:"";position:absolute;inset:10.5%;border-radius:49% 51% 48% 52%;background:radial-gradient(ellipse at 34% 24%,#fff 0 6%,transparent 18%),radial-gradient(ellipse at 73% 30%,#fff 0 3%,transparent 15%),radial-gradient(ellipse at 48% 44%,#f8f8f8 42%,#edf2f4 70%,#b7c9cf 89%,#8a9fae 98%);box-shadow:inset 0 1px 3px #8298aa80}
.contact-object[data-state=ready]::before{visibility:hidden}
.contact-manifesto{text-align:center;font-family:var(--okto-font);font-size:clamp(32px,3.35vw,52px);font-weight:200;letter-spacing:-.035em;line-height:1.12;margin-top:0;position:relative}
.contact-manifesto em{font-family:var(--okto-font);font-weight:700;font-style:normal;display:block;min-height:1.2em}
.contact-motion{margin-top:20px}
.contact-form-wrap{width:100%;max-width:680px;justify-self:start;min-width:0}
.contact-form-wrap .section-label{margin-bottom:24px}
.contact-form-wrap h1{max-width:12ch}
.contact-intro{margin-top:24px}
.enquiry-form{margin-top:40px}
.contact-field{position:relative;display:block;margin-bottom:28px}
.contact-field label{display:block;font-family:var(--okto-font);font-weight:400;font-size:16px;line-height:24px;margin-bottom:8px}
.contact-field label .optional{color:var(--okto-muted);font-weight:200}
.contact-field input,.contact-field textarea{display:block;width:100%;border:0;border-radius:0;border-bottom:1px solid #a8ada5;background:transparent;color:var(--okto-ink);padding:8px 0 12px}
.contact-field input{height:48px}
.contact-field textarea{min-height:112px;resize:vertical}
.form-hint{margin-top:16px}
.contact-direct{margin-top:24px}
.contact-direct a{text-decoration:underline;text-underline-offset:5px}
.form-status{font-family:var(--okto-font);font-size:16px;line-height:26px;padding-top:20px;max-width:42ch}
.form-status:empty{display:none}
.contact-page .client-strip{padding-top:40px}
@media(max-width:800px){.contact-page .contact-layout{display:flex;flex-direction:column;gap:64px;padding-top:calc(64px + 48px);padding-bottom:96px;align-items:stretch}.contact-form-wrap{order:0;max-width:none}.contact-identity{order:1;border-top:1px solid var(--okto-line);padding-top:40px}.contact-object.okto-lens{max-width:440px}.contact-form-wrap h1{max-width:14ch}.enquiry-form{margin-top:32px}}
@media(max-width:700px){.contact-page .contact-form-wrap .contact-submit{width:100%}.contact-object.okto-lens{max-width:360px}.contact-manifesto{font-size:32px}.contact-motion{margin-top:16px}.contact-page .client-strip{padding-top:0}}