.contactPreview{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:2.4rem;max-width:112rem;margin:auto;padding:clamp(1.2rem,4vh,4.8rem) 0 3rem;color:#222;font-weight:300;font-size:1.8rem;line-height:1.65}.contactPreviewIntro{grid-column:1/6}.contactPreviewMain{grid-column:7/13;min-width:0}.contactPreview h1{font-size:clamp(2.6rem,2.5vw,3.4rem);font-weight:300;line-height:1.35;letter-spacing:-.015em;margin:1.6rem 0 2.4rem}.contactPreview p{margin:0 0 1.6rem}.contactPreview .contactPreviewNote{font-size:1.3rem;line-height:1.6;color:#666;margin-top:1.4rem;overflow-wrap:anywhere}.contactPreview .contactPreviewNote a{color:inherit;text-underline-offset:.22em}.contactPreviewAction,.contactPreviewBack,.contactPreviewLink{display:inline-flex;align-items:center;min-height:44px;border:0;background:none;border-radius:0;padding:0;color:inherit;font:inherit;font-size:1.4rem;line-height:1.6;text-align:left;text-decoration:underline;text-underline-offset:.22em;cursor:pointer}.contactPreviewBack{font-size:1.4rem;color:#666}.contactPreviewLink[aria-disabled=true]{pointer-events:none;opacity:.6}.contactPreviewAction:disabled{opacity:.5;cursor:default}.contactPreview :is(button,a,input,textarea):focus-visible{outline:2px solid #222;outline-offset:3px}.contactPreviewPair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.4rem}.contactPreviewField{display:block;font-size:1.4rem;line-height:1.6;margin:0 0 2rem;min-width:0}.contactPreviewField input,.contactPreviewField textarea{display:block;box-sizing:border-box;width:100%;min-height:44px;margin-top:.8rem;border:1px solid #ccc;border-radius:0;background:#fff;color:#222;padding:1rem 1.2rem;font-family:inherit;font-size:1.6rem;font-weight:300;line-height:1.6}.contactPreviewField textarea{resize:vertical;min-height:10rem}.contactPreviewField input[aria-invalid=true],.contactPreviewField textarea[aria-invalid=true]{border-color:#555}.contactPreviewFieldError{display:block;font-size:1.3rem;margin-top:.6rem}.contactPreviewContext{margin-top:2.8rem}.contactPreviewOrder{display:flex;align-items:center;min-height:44px;gap:1rem;font-size:1.4rem;margin:0 0 1rem}.contactPreviewOrder input{width:16px;height:16px;accent-color:#333}.contactPreviewActions{display:flex;align-items:center;flex-wrap:wrap;gap:2.4rem;margin-top:1rem}.contactPreviewClear{color:#666}.contactPreviewStatus{margin:0 0 2rem;font-size:1.6rem;line-height:1.6}.contactPreviewStatus h2{font-size:2.4rem;line-height:1.35;font-weight:300;margin:0 0 1.6rem}.contactPreviewStatus:focus{outline:none}.contactPreviewHoneypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contactPreview--split[data-contact-refinement=refined] h1{margin-top:0}.oenModal.aboutOverlay .oenModalHeader:has(.contactPreviewHeaderReturn){display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.oenModalHeader:has(.contactPreviewHeaderReturn) .oenModalWordmark{justify-self:start}.oenModalHeader:has(.contactPreviewHeaderReturn) .oenModalClose{justify-self:end}.oenModalHeader .contactPreviewHeaderReturn{justify-self:center;justify-content:center;min-height:44px;font-family:inherit;font-size:1.4rem;font-weight:300;line-height:1.6;color:#666}.oenModal.aboutOverlay .oenModalHeader:has(.contactPreviewHeaderReturn--edge){grid-template-columns:minmax(0,1fr) auto auto;column-gap:2.4rem}.contactPreviewHeaderReturn{white-space:nowrap}.contactPreviewReturn--intro,.contactPreviewReturn--notes{display:flex;width:fit-content;margin:0 0 1.6rem}.contactPreviewReturn--after,.contactPreviewReturn--notes{margin-top:1.6rem}.contactPreview--column .contactPreviewIntro,.contactPreview--column .contactPreviewMain{grid-column:3/11}.contactPreview--column .contactPreviewMain{margin-top:2.4rem}.contactPreview--column .contactPreviewSupporting{max-width:55rem}.contactPreview--spacious{row-gap:1.6rem}.contactPreview--spacious .contactPreviewIntro{display:contents}.contactPreview--spacious .contactPreviewBack{grid-column:1/13;grid-row:1;justify-self:start}.contactPreview--spacious h1{grid-column:1/13;grid-row:2;margin:0}.contactPreview--spacious .contactPreviewDescription{grid-column:1/10;grid-row:3;font-size:clamp(2rem,1.7vw,2.4rem);line-height:1.5;margin:0 0 .8rem;max-width:70rem}.contactPreview--spacious .contactPreviewSupporting{grid-column:9/13;grid-row:4;align-self:start}.contactPreview--spacious .contactPreviewSupporting .contactPreviewNote:first-child{margin-top:0}.contactPreview--spacious .contactPreviewMain{grid-column:1/8;grid-row:4}@media(max-width:767px){.contactPreview{display:block;padding:1.2rem 0 2rem;font-size:1.7rem}.contactPreviewMain{margin-top:3.2rem}.contactPreview h1{font-size:2.6rem}.contactPreviewPair{display:block}.contactPreviewField{margin-bottom:1.6rem}.contactPreview--column .contactPreviewMain{margin-top:2.4rem}.contactPreview--spacious .contactPreviewIntro{display:block}.contactPreview--spacious h1{margin:1.6rem 0 2.4rem}.contactPreview--spacious .contactPreviewDescription{font-size:2rem}.contactPreview--spacious .contactPreviewSupporting{margin-top:1.6rem}.contactPreview--spacious .contactPreviewMain{margin-top:3.2rem}}@media(min-width:1000px){.oenModal.aboutOverlay:has(.contactPreview) .oenModalScroll{padding-bottom:2.4rem}.oenModal.aboutOverlay .contactPreview{padding:1.6rem 0}.oenModal.aboutOverlay .contactPreviewIntro{grid-column:1/5}.oenModal.aboutOverlay .contactPreviewMain{grid-column:5/13}.oenModal.aboutOverlay .contactPreview h1{margin-bottom:1.6rem}.oenModal.aboutOverlay .contactPreviewField{margin-bottom:1.2rem}.oenModal.aboutOverlay .contactPreviewField :is(input,textarea){margin-top:.6rem}.oenModal.aboutOverlay .contactPreviewField textarea[name=message]{height:14rem;min-height:12rem}.oenModal.aboutOverlay .contactPreview form:has(.contactPreviewContext){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.4rem}.oenModal.aboutOverlay .contactPreview form:has(.contactPreviewContext)>:is(.contactPreviewPair,.contactPreviewStatus,.contactPreviewOrder,.contactPreviewActions,.contactPreviewField){grid-column:1/-1}.oenModal.aboutOverlay .contactPreview form:has(.contactPreviewContext)>.contactPreviewPair{grid-row:1}.oenModal.aboutOverlay .contactPreview form:has(.contactPreviewContext)>.contactPreviewField:has(textarea[name=message]){grid-column:1;grid-row:2}.oenModal.aboutOverlay .contactPreview form:has(.contactPreviewContext) textarea[name=message]{height:22rem}.oenModal.aboutOverlay .contactPreviewContext{grid-column:2;grid-row:2;margin-top:0}.oenModal.aboutOverlay .contactPreview form:has(.contactPreviewContext)>.contactPreviewStatus{grid-row:1}.oenModal.aboutOverlay .contactPreview form:has(>.contactPreviewStatus)>.contactPreviewPair{grid-row:2}.oenModal.aboutOverlay .contactPreview form:has(>.contactPreviewStatus)>:is(.contactPreviewContext,.contactPreviewField:has(textarea[name=message])){grid-row:3}.oenModal.aboutOverlay .contactPreviewContext textarea{min-height:8.8rem;height:8.8rem}.oenModal.aboutOverlay .contactPreviewContext .contactPreviewNote{margin-top:.4rem;margin-bottom:1.2rem}.oenModal.aboutOverlay .contactPreviewOrder{margin-bottom:.4rem}.oenModal.aboutOverlay .contactPreviewActions{margin-top:.4rem}}.oenModal.aboutOverlay{--oen-information-start:clamp(1.2rem,4vh,4.8rem)}.oenModal.aboutOverlay :is(.aboutStudy,.contactPreview){padding-top:var(--oen-information-start)}@media(max-width:767px){.oenModal.aboutOverlay{--oen-information-start:1.2rem}}