.information-panel.contact-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(30px,6vw,100px);padding:110px clamp(20px,6vw,100px) 150px;background:radial-gradient(ellipse at 0 0,#426673 0,transparent 65%),#152c36}
.contact-panel .information-copy{max-width:560px;margin:0;position:sticky;top:100px}
.contact-panel h1{font-size:clamp(48px,6.8vw,96px);line-height:1.05}
.contact-panel .pending-copy{font-size:17px;line-height:1.7;color:#d8e5e8}
.story-contact{position:absolute;inset:0;opacity:var(--contact-blend,0);will-change:opacity;background:#152c36}
.story-contact::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#0b202d6b,#13263033 70%),linear-gradient(0deg,#0b202d38,transparent 65%)}
.coast-story[data-contact-ready] #contact{background:transparent!important}
.contact-panel[data-photo-alt] .information-copy{text-shadow:0 2px 18px #091e3270}
.contact-panel[data-photo-alt] .contact-form{background:linear-gradient(140deg,#ffffff25,#ffffff05 50%,#ffffff10),#1b303b8c}
.contact-form{min-width:0;width:100%;max-width:820px;padding:clamp(22px,3vw,40px);border:1px solid #ffffff6b;border-radius:30px;background:linear-gradient(140deg,#ffffff25,#ffffff05 50%,#ffffff10),#263b4266;box-shadow:inset 0 1px 1px #ffffffba,0 18px 65px #04182040;-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%);display:grid;gap:26px}
.contact-pair{display:grid;grid-template-columns:1fr;gap:24px}.contact-field{display:grid;gap:10px;min-width:0;font-size:14px;line-height:1.5}
.contact-field input,.contact-field textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #ffffff50;border-radius:15px;background:#0c26334f;padding:16px 18px;color:#fff;font:inherit;font-size:16px;line-height:1.5;box-shadow:inset 0 1px 8px #031b2426}
.contact-field textarea{resize:vertical;min-height:140px;max-height:500px}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#b5c8ce}
.contact-roles{border:0;margin:0;padding:0;min-width:0}.contact-roles legend{font-size:14px;margin-bottom:14px;padding:0}.contact-role-options{display:grid;gap:8px}
.contact-role{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid #ffffff20;border-radius:13px;cursor:pointer;font-size:14px;line-height:1.5;transition:background .18s,border-color .18s}
.contact-role:has(input:checked){background:#ffffff1c;border-color:#ffffffa3}.contact-role:hover{background:#ffffff10}
.contact-role input,.contact-consent input{appearance:auto;accent-color:#bce9e4;width:20px;height:20px;flex:0 0 20px;margin:0}
.contact-own{margin-top:16px}.contact-consent{display:flex;align-items:flex-start;gap:12px;font-size:12px;line-height:1.65;color:#d9e6e9;cursor:pointer}.contact-consent input{margin-top:2px}
.contact-policy{font-size:12px;color:#dceeee;text-underline-offset:4px}.contact-submit{min-height:54px;border:1px solid #ffffffa1;border-radius:16px;background:linear-gradient(130deg,#effcf7,#c4e0dc);color:#173137;font:inherit;font-size:16px;font-weight:600;cursor:pointer;box-shadow:inset 0 1px 0 #fff,0 6px 20px #041b2426;transition:filter .2s,transform .2s}.contact-submit:hover{filter:brightness(1.06)}.contact-submit:active{transform:translateY(1px)}.contact-submit:disabled{opacity:.65;cursor:wait}
.contact-form :focus-visible{outline:2px solid #fff;outline-offset:4px}.contact-status{margin:0;font-size:13px;line-height:1.6;color:#e4f9f4;overflow-wrap:anywhere}.contact-status:empty{display:none}.contact-form [hidden]{display:none!important}
@media(max-width:900px){.information-panel.contact-panel{grid-template-columns:1fr;gap:32px;padding-top:76px}.contact-panel .information-copy{position:static;max-width:660px}.contact-form{max-width:none}}
@media(max-width:600px){.information-panel.contact-panel{padding:64px 16px 130px}.contact-form{padding:22px 18px;border-radius:24px;gap:24px}.contact-panel .pending-copy{font-size:15px}.contact-panel h1{font-size:52px}.contact-role{font-size:13px}}
@media(prefers-reduced-motion:reduce){.contact-form *{transition:none}}
@media(prefers-reduced-transparency:reduce){.contact-form,.contact-panel[data-photo-alt] .contact-form{background:#304952;backdrop-filter:none;-webkit-backdrop-filter:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.contact-form{background:#304952}}