.contact-split{background:var(--brand-wash);padding:108px 24px 32px;scroll-margin-top:100px}.contact-split-grid{border:1px solid var(--border);background:var(--brand-paper);border-radius:28px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);max-width:1120px;margin-inline:auto;display:grid;overflow:hidden;box-shadow:0 16px 48px -32px #38205c40}.contact-split-grid>*{min-width:0}.contact-mascot-panel{isolation:isolate;background:radial-gradient(at 50% 80%,#4c167b 0,#1d0c35 42%,#0b071b 82%);justify-content:center;align-items:center;padding:100px 32px 36px;display:flex;position:relative;overflow:hidden}.contact-visual-title{z-index:3;text-align:center;color:#f7efff;letter-spacing:-.045em;margin:0;font-size:clamp(2rem,3vw,2.75rem);font-weight:650;line-height:1.1;position:absolute;inset:32px 24px auto}.contact-character-stage{isolation:isolate;width:min(100%,435px,57svh);padding-bottom:20px;position:relative}.contact-mascot{z-index:2;pointer-events:none;aspect-ratio:1122/1402;width:84%;margin:0 auto 30px;position:relative}.contact-mascot-art{transform-origin:50% 100%;filter:drop-shadow(0 18px 22px #0b071b99);animation:4.8s ease-in-out infinite contact-float}@keyframes contact-float{0%,to{transform:translateY(0)rotate(-.4deg)}50%{transform:translateY(-7px)rotate(.5deg)}}.contact-grass{pointer-events:none;z-index:1;width:100%;max-width:none;height:auto;position:absolute;bottom:0;left:0}.contact-mascot img{object-fit:contain;width:100%;height:auto;display:block}.contact-form-panel{padding:26px 30px}.contact-form-panel .form-heading h1{max-width:20ch;color:var(--ink);letter-spacing:-.04em;margin:0;font-size:clamp(1.65rem,2.3vw,2.1rem);font-weight:650;line-height:1.12}.contact-form-panel .form-heading p{color:var(--brand-copy);margin:8px 0 18px;font-size:.8rem}.contact-split .enquiry-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.contact-split .enquiry-fields>div{min-width:0}.contact-split .field-full{grid-column:1/-1}.contact-split label{color:var(--ink);margin-bottom:6px;font-size:.8rem;font-weight:550;display:block}.contact-split input,.contact-split select,.contact-split textarea{width:100%;min-width:0;min-height:44px;color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:inherit;transition:border-color .2s var(--motion-out), box-shadow .2s var(--motion-out), background .2s var(--motion-out);background:#fcfbfe;border:1px solid #d7cce6;border-radius:10px;padding:10px 12px;font-size:1rem;line-height:1.35}.contact-split textarea{resize:vertical;min-height:88px}.contact-split textarea::placeholder{color:#80758f}.contact-split :is(input,select,textarea):focus{outline-offset:2px;border-color:var(--primary);background:#fff;outline:2px solid #6740d82b;box-shadow:0 0 0 4px #6740d808}.contact-split [aria-invalid=true]{border-color:#b53b5e}.contact-split .field-error{color:#a22b4d;margin-top:6px;font-size:.76rem;line-height:1.45}.contact-split .integration-note{color:var(--brand-copy);margin:14px 0;font-size:.75rem;line-height:1.6}.contact-split .company-button{min-height:44px;padding:11px 18px}.contact-split .form-status{color:var(--primary);font-size:.8rem;line-height:1.6}.contact-split .form-status:not(:empty){margin-top:12px}.contact-panel-details{border-top:1px solid var(--border);color:var(--brand-copy);margin-top:18px;padding-top:14px;font-size:.72rem;line-height:1.6}.contact-panel-details a,.contact-panel-details p{align-items:flex-start;gap:8px;display:flex}.contact-panel-details a{width:fit-content;color:var(--primary)}.contact-panel-details p{margin-top:8px}.contact-panel-details svg{flex-shrink:0;margin-top:2px}.contact-enter{animation:contact-arrive .45s var(--motion-out) var(--reveal-delay,0s) backwards}.contact-visual-title.contact-enter,.form-heading h1.contact-enter{animation-duration:.6s}.contact-mascot.contact-enter{animation:contact-character-arrive .8s var(--motion-out) .1s backwards}.contact-enter:focus-within,button.contact-enter:focus{animation:none}@keyframes contact-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes contact-character-arrive{0%{opacity:0;transform:scale(.97)translateY(8px)}to{opacity:1;transform:none}}@media (max-width:1000px){.contact-split{padding:104px 20px 28px}.contact-split-grid{grid-template-columns:1fr;max-width:680px}.contact-mascot-panel{padding:84px 24px 24px}.contact-visual-title{top:24px}.contact-character-stage{width:min(100%,316px)}.contact-form-panel{padding:28px}}@media (max-width:540px){.contact-split{padding:94px 16px 24px}.contact-split-grid{border-radius:22px}.contact-form-panel{padding:24px 20px}.contact-split .enquiry-fields{grid-template-columns:1fr}.contact-character-stage{width:min(100%,276px)}.contact-split .company-button{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.contact-enter,.contact-mascot.contact-enter,.contact-mascot-art{animation:none}}
