.contact-page{flex-direction:column;min-height:100svh;display:flex}.contact-page>:is(.site-header,.site-footer){flex-shrink:0}.contact-page>main{flex:1;align-content:center;min-width:0;display:grid}.contact-composition{width:var(--content-width);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:clamp(48px,7vw,96px);margin-inline:auto;padding-block:64px;display:grid}.contact-intro h1{font-size:var(--type-page);letter-spacing:-.055em;text-wrap:balance;line-height:1.06}.contact-intro h1 span{color:var(--color-accent)}.contact-intro>p{max-width:33ch;margin-top:var(--space-md);color:var(--color-muted);text-wrap:pretty;font-size:18px;line-height:1.65}.contact-vessel{margin:22px -24px 0;mask-image:radial-gradient(#000 54%,#0000 76%)}.contact-vessel img{width:100%;height:auto;display:block}.contact-message{min-width:0;padding-top:12px;display:block}.contact-letter-head{border-bottom:1px solid var(--color-line);padding-bottom:22px}.contact-letter-head p{color:var(--color-muted);font-size:var(--type-action)}.contact-letter-head p span{color:var(--color-text);margin-left:12px}.contact-field-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;display:grid}.contact-field{min-width:0;padding-top:30px}.contact-field label{color:var(--color-muted);font:400 var(--type-label)/1.6 var(--font-sans);margin-bottom:8px;display:block}.contact-field:focus-within label{color:var(--color-accent)}.contact-field :is(input,textarea){border:0;border-bottom:1px solid var(--color-surface-border);width:100%;min-width:0;color:var(--color-text);font:400 16px/1.65 var(--font-sans);transition:border-color var(--duration-interaction) ease;background:0 0;border-radius:0;padding:12px 0 15px}.contact-field textarea{resize:vertical;min-height:166px}.contact-field :is(input,textarea)::placeholder{color:var(--color-muted);opacity:1}.contact-field :is(input,textarea):focus-visible{outline:2px solid var(--color-accent);outline-offset:5px;border-color:var(--color-accent)}.contact-field :is(input,textarea):user-invalid{border-color:var(--color-muted);border-bottom-style:dashed}.contact-field-hint{color:var(--color-muted);font-size:var(--type-caption);margin-top:10px;display:block}.contact-trap{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.contact-send-row{margin-top:28px}.contact-message .contact-feedback{color:var(--color-muted);font-size:var(--type-label);margin:0;line-height:1.7}.contact-message .contact-feedback:not(:empty){margin-top:18px}.contact-message[data-state=sent] .contact-feedback{border-left:2px solid var(--color-accent);background:color-mix(in srgb, var(--color-accent) 7%, var(--color-canvas));color:var(--color-text);align-items:baseline;gap:12px;padding:16px 18px;display:flex}.contact-message[data-state=sent] .contact-feedback:before{content:"✓";color:var(--color-accent);font-size:18px}.contact-message[data-state=sent] [data-send]{opacity:1;border-color:var(--color-accent-muted);color:var(--color-accent)}.contact-message[data-state=sent] [data-send] .ui-button-arrow{display:none}.contact-message[data-state=error] .contact-feedback{color:var(--color-text)}.contact-direct{border-top:1px solid var(--color-line);margin-top:32px;padding-top:20px}.contact-direct>label{color:var(--color-muted);font:400 var(--type-label)/1.6 var(--font-sans)}.contact-address-row{align-items:center;gap:12px;margin-top:5px;display:flex}.contact-address-row input{width:100%;min-width:0;color:var(--color-text);font:400 15px/1.5 var(--font-sans);background:0 0;border:0;padding:8px 0;display:block}.contact-address-row button{min-height:var(--target-size);font:400 var(--type-label)/1.5 var(--font-sans);text-underline-offset:5px;text-decoration:underline;text-decoration-color:var(--color-accent-muted);background:0 0;border:0;flex-shrink:0;padding:8px 0}.contact-address-row button:hover{color:var(--color-accent)}.contact-message .contact-copy-feedback{min-height:3em;color:var(--color-muted);font-size:var(--type-caption);margin-top:8px;line-height:1.5}@media (prefers-reduced-motion:reduce){.contact-field :is(input,textarea){transition:none}}@media (width<=1000px){.contact-field-pair{grid-template-columns:minmax(0,1fr);gap:0}}@media (width<=900px){.contact-composition{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:32px 52px}.contact-intro{align-items:center;column-gap:var(--space-md);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.contact-intro>p{grid-column:1}.contact-vessel{grid-area:1/2/3;margin:0 -16px 0 0}.contact-message{padding-top:0}.contact-field-pair{gap:var(--space-md);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (width<=600px){.contact-intro{display:block}.contact-intro h1{font-size:var(--type-page)}.contact-intro>p{max-width:36ch;margin-top:22px;font-size:17px}.contact-vessel{width:min(100%,420px);margin:0 0 0 auto}.contact-vessel img{object-fit:contain;max-height:230px}}@media (width<=480px){.contact-field-pair{grid-template-columns:minmax(0,1fr);gap:0}.contact-address-row input{font-size:var(--type-action)}}