.fyve-web-root .contact-page{background-color:var(--base-200);width:100%;min-height:100svh;position:relative;overflow:hidden}.fyve-web-root .contact-copy{z-index:1;justify-content:center;align-items:center;width:100%;min-height:100svh;padding:8rem 2.5rem 6rem;display:flex;position:relative}.fyve-web-root .contact-grid{grid-template-columns:.85fr 1.15fr;align-items:start;gap:4rem;width:100%;max-width:64rem;display:grid}.fyve-web-root .contact-info{flex-direction:column;gap:.85rem;display:flex}.fyve-web-root .contact-info .contact-header{margin-bottom:.5rem;font-size:clamp(2rem,4vw,3rem);line-height:1}.fyve-web-root .contact-info .mono{opacity:.7}.fyve-web-root .contact-info .contact-jp{font-family:var(--type-2);opacity:.45;margin-top:1rem;font-size:.85rem;line-height:1.8}.fyve-web-root .contact-form{flex-direction:column;gap:1.75rem;display:flex}.fyve-web-root .contact-row{grid-template-columns:1fr 1fr;gap:1.75rem;display:grid}.fyve-web-root .contact-field{flex-direction:column;gap:.5rem;display:flex}.fyve-web-root .contact-field label{letter-spacing:.08em;opacity:.55;font-size:.7rem}.fyve-web-root .contact-form input,.fyve-web-root .contact-form textarea{text-transform:none;-webkit-user-select:text;user-select:text;width:100%;color:var(--base-100);font-family:var(--type-2);background:0 0;border:none;border-bottom:1px solid #f7f5f040;border-radius:0;outline:none;padding:.5rem 0;font-size:1rem;line-height:1.6;transition:border-color .3s}.fyve-web-root .contact-form textarea{resize:vertical;min-height:3.5rem}.fyve-web-root .contact-form input:focus,.fyve-web-root .contact-form textarea:focus{border-bottom-color:var(--base-100)}.fyve-web-root .contact-form input::placeholder,.fyve-web-root .contact-form textarea::placeholder{color:#f7f5f059;text-transform:none}.fyve-web-root .contact-submit{flex-wrap:wrap;align-items:center;gap:1.25rem;margin-top:.5rem;display:flex}.fyve-web-root .contact-submit .btn{cursor:pointer;color:var(--base-100);background:0 0;transition:background .3s,color .3s,opacity .3s}.fyve-web-root .contact-submit .btn:hover:not(:disabled){background:var(--base-100);color:var(--base-300)}.fyve-web-root .contact-submit .btn:disabled{opacity:.5;cursor:default}.fyve-web-root .contact-status{font-family:var(--type-2);opacity:.7;font-size:.8rem;line-height:1.6}.fyve-web-root .contact-status-error{color:#e0a9a0;opacity:.9}.fyve-web-root .contact-copy .contact-copy-footer{width:100%;position:absolute;bottom:0;left:0}.fyve-web-root .contact-copy .contact-copy-footer .container{opacity:.6;justify-content:space-between;align-items:flex-end;gap:2rem;padding:2.25rem;display:flex}.fyve-web-root .contact-copy .contact-copy-footer .container p:nth-child(2){text-align:right}@media (max-width:1000px){.fyve-web-root .contact-copy{padding:7rem 1.5rem 6rem}.fyve-web-root .contact-grid{grid-template-columns:1fr;gap:2.5rem}.fyve-web-root .contact-row{grid-template-columns:1fr}}