dialog.shared-modal{position:fixed;inset:0;width:min(680px,calc(100% - 32px));max-width:none;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;overscroll-behavior:contain;border:1px solid #d5ded9;border-radius:12px;background:#fff;color:#182723;box-shadow:0 18px 80px #0005}
.shared-modal::backdrop{background:#10251dcc;backdrop-filter:blur(4px)}.shared-modal-close{position:absolute;right:12px;top:12px;z-index:2;width:44px;height:44px;display:grid;place-items:center;border:1px solid #d5ded9;border-radius:50%;padding:0;background:#fff;color:#182723;font-size:30px;line-height:1}
.shared-modal-copy{padding:42px 35px 30px}.shared-modal h2{font-size:clamp(29px,4vw,40px);line-height:1.15;letter-spacing:-1px;max-width:90%;margin:0 0 28px}.shared-modal .eyebrow{margin-bottom:16px}.shared-modal form{border:0;background:transparent;padding:0;box-shadow:none}.shared-modal .field-row{gap:22px}.shared-modal label{font-size:15px;margin-bottom:20px}.shared-modal textarea{min-height:100px}.shared-modal .form-note{font-size:14px}.form-location-context{background:#edf3ef;border-radius:6px;padding:10px 14px;color:#315e50;font-size:16px;overflow-wrap:anywhere}.shared-modal :focus-visible{outline:3px solid #315e50;outline-offset:4px}
dialog.video-modal{width:min(960px,calc(100% - 32px));padding:60px 24px 24px}.video-modal h2{margin-bottom:20px;font-size:28px}.video-frame{width:100%;aspect-ratio:16/9;background:#101914}.video-frame iframe{display:block;border:0;width:100%;height:100%}
.reference-video-trigger{display:block;width:100%;padding:0;border:0;background:transparent;text-align:inherit;color:inherit;cursor:pointer}.reference-video-trigger.reference-video-image{position:relative;height:210px;overflow:hidden}.reference-video-image img{width:100%;height:100%;object-fit:cover;display:block}.reference-video-image::after{content:'▶';position:absolute;inset:0;display:grid;place-items:center;font-size:30px;color:#fff;text-shadow:0 2px 10px #000;background:#0002}.project-credit .reference-video-trigger h3{font:inherit}.project-credit h3 .reference-video-trigger{font:inherit;line-height:inherit}.reference-video-trigger:hover{color:#315e50}.reference-video-trigger:focus-visible{outline:3px solid #315e50;outline-offset:-4px}.project-credit>img{cursor:default}
@media(max-width:650px){.shared-modal-copy{padding:56px 24px 24px}.shared-modal h2{max-width:100%;font-size:30px}.shared-modal .field-row{grid-template-columns:1fr;gap:0}.shared-modal label{margin-bottom:16px}.shared-modal input,.shared-modal textarea{padding:10px 0;font-size:16px}.shared-modal .eyebrow{font-size:12px}dialog.video-modal{padding:60px 12px 12px}.video-modal h2{font-size:23px}.reference-video-trigger.reference-video-image{height:225px}}
@media(max-height:600px){.shared-modal-copy{padding-top:52px}.shared-modal .eyebrow{display:none}.shared-modal h2{font-size:26px;margin-bottom:18px}.shared-modal label{margin-bottom:14px}}