/* Give the wide brand lettering its own row. */
#main-content > section:first-of-type > div > div.flex{flex-direction:column!important;gap:40px!important}
.oe-hero-layout{display:flex!important;flex-direction:column!important;gap:40px!important}
.oe-hero-copy{width:100%!important;max-width:100%!important;min-width:0}
#main-content h1.serif{font-size:clamp(23px,4.5vw,64px)!important;line-height:1.12!important;overflow-wrap:normal!important;word-break:normal!important;text-wrap:initial!important}
#main-content h1.serif span{display:block;white-space:nowrap}
#oe-contact{background:#111219;color:#f4f4f7;border:1px solid #ffffff35;border-radius:20px;padding:28px;width:min(620px,calc(100% - 32px));max-height:88dvh;overflow:auto;margin:auto;box-shadow:0 30px 100px #0009}
#oe-contact::backdrop{background:#000c}
#oe-contact h2{font-family:var(--oe-roster),sans-serif!important;font-size:28px;line-height:1.2;margin:10px 0 14px}
#oe-contact p{font-size:14px;line-height:1.6;color:#c8c6d1;margin:12px 0}
#oe-contact label{display:block;font-size:14px;margin:16px 0 6px}
#oe-contact input,#oe-contact textarea{display:block;width:100%;background:#08090e;color:white;border:1px solid #ffffff40;border-radius:8px;padding:12px;font-size:16px}
#oe-contact textarea{min-height:170px}
#oe-contact .contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
#oe-contact button,#oe-contact .contact-actions a{border:1px solid #b98ce4;border-radius:24px;padding:11px 16px;cursor:pointer;font-size:12px;color:white;background:#30203e;text-decoration:none}
#oe-contact .contact-close{float:right;background:transparent}
#oe-contact .contact-email{overflow-wrap:anywhere;color:#d8b4f8}
#oe-contact [role=status]{min-height:22px}