@layer components{.contact-bento{gap:var(--layout-gutter);padding-top:1rem;padding-bottom:2rem;display:grid}.contact-bento>*,.contact-panel>*{min-width:0}.contact-bento h1,.contact-bento h2{letter-spacing:var(--type-heading-tracking);font-weight:700;line-height:1.15}.contact-hero{flex-direction:column;align-items:flex-start;padding-block:clamp(2rem,4vw,3.5rem);display:flex}.contact-hero h1{letter-spacing:-.045em;max-width:20ch;margin-block:1.5rem 1rem;font-size:clamp(2rem,3.7vw,3.5rem);line-height:1.1}.contact-hero__intro{max-width:58ch;font-size:var(--type-body-lg);color:var(--surface-muted)}.contact-panel{gap:var(--space-8);align-items:start;display:grid}.contact-support h2{font-size:var(--type-heading-md)}.contact-support__body{max-width:46ch;color:var(--surface-muted);margin-top:1rem}.contact-support__points{margin-top:2rem}.contact-support__points li{border-top:1px solid var(--surface-border);font-size:var(--type-body-sm);gap:.75rem;padding-block:.875rem;display:flex}.contact-support__points li:before{content:"";background:currentColor;flex-shrink:0;width:1rem;height:1px;margin-top:.75em}.contact-support__art{margin-top:1.5rem}.contact-support__art .studio-artwork{width:12rem;max-width:100%}.contact-form__fields{gap:1.5rem;min-width:0;margin-top:2rem;display:grid}.contact-form__pair{gap:1.5rem;display:grid}.field{min-width:0}.field__label{width:100%;font-size:var(--type-body-md);flex-wrap:wrap;align-items:baseline;gap:.25rem 1rem;margin-bottom:.5rem;font-weight:600;display:flex}.field__indicator{font-size:var(--type-label);color:var(--surface-muted);margin-left:auto;font-weight:500}.field__input{border:1px solid var(--surface-control-border,var(--color-border-control));border-radius:var(--radius-field);background:var(--color-surface-white);width:100%;min-width:0;min-height:48px;color:var(--surface-text,var(--color-ink));font:inherit;padding:.75rem 1rem;font-size:1rem;line-height:1.5;display:block}.field__input::placeholder{color:color-mix(in srgb, var(--color-ink) 66%, var(--color-surface-white));opacity:1}.field__textarea{resize:vertical;min-height:10rem}.field__input[aria-invalid=true],.contact-services[aria-invalid=true],.checkbox-field input[aria-invalid=true]{border-color:var(--color-error-strong)}.field__helper,.field__error{font-size:var(--type-body-sm);margin-top:.5rem}.field__helper{color:var(--surface-muted)}.field__error{color:var(--color-error-strong)}.checkbox-field{cursor:pointer;min-width:44px;min-height:44px;font-size:var(--type-body-md);align-items:flex-start;gap:.75rem;padding-block:.625rem;display:flex}.checkbox-field input{appearance:none;border:1px solid var(--surface-control-border,var(--color-border-control));background:var(--color-surface-white);border-radius:.5rem;flex-shrink:0;place-content:center;width:1.5rem;height:1.5rem;margin-top:.05rem;display:grid}.checkbox-field input:checked{background:var(--color-plum-900);border-color:var(--color-plum-900)}.checkbox-field input:checked:after{content:"";border-left:2px solid var(--color-text-on-dark);border-bottom:2px solid var(--color-text-on-dark);width:.6rem;height:.35rem;transform:translateY(-1px)rotate(-45deg)}.checkbox-field>span{flex-wrap:wrap;flex:1;align-items:baseline;gap:.25rem 1rem;display:flex}.contact-services{min-width:0}.contact-services[aria-invalid=true]{border:1px solid var(--color-error-strong);border-radius:var(--radius-tile);padding:.75rem}.contact-services__options{gap:.25rem 1.5rem;display:grid}.contact-form__privacy{font-size:var(--type-body-sm);color:var(--surface-muted);margin-block:1.75rem 1.25rem}.contact-form__privacy-link{min-height:44px;color:var(--surface-text,var(--color-ink));text-underline-offset:3px;align-items:center;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.contact-form__privacy-link:is(:hover,:focus-visible){text-decoration-thickness:2px}.contact-form__submit{border-radius:var(--radius-pill);width:100%}.contact-form__submit:disabled{cursor:wait;opacity:.85}.contact-error-summary{border:2px solid var(--color-error-strong);border-radius:var(--radius-tile);margin-top:1.5rem;padding:1.25rem}.contact-error-summary h3{font-weight:600}.contact-error-summary ul{margin-top:.5rem}.contact-error-summary a{min-height:44px;color:var(--color-error-strong);text-underline-offset:3px;align-items:center;text-decoration:underline;display:flex}.contact-form__failure{border-left:3px solid var(--color-error-strong);border-radius:var(--radius-field);background:color-mix(in srgb, var(--color-error-strong) 8%, transparent);color:var(--color-error-strong);margin-bottom:1.25rem;padding:.75rem 1rem}.contact-success>p{margin-top:1.25rem}.contact-success h2{font-size:var(--type-heading-md)}.contact-success__development{border-radius:var(--radius-field);font-size:var(--type-body-sm);border:1px dashed;margin-top:1.25rem;padding:.75rem 1rem}.contact-success__links{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.short-enquiry .contact-form__fields{gap:1rem;margin-top:0}.short-enquiry .contact-form__privacy{margin-block:1rem}}@media (min-width:640px){.contact-services__options{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-form__submit{width:auto}}@media (min-width:900px){.contact-panel{gap:var(--space-10);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.contact-support{top:calc(var(--layout-header-height) + 1.5rem);position:sticky}}@media (min-width:1200px){.contact-form__pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}}@media (forced-colors:active){.checkbox-field input{appearance:auto}.checkbox-field input:checked:after{display:none}}