/* Contact uses the shared illustrated header and a white conversational note. */
:root{--review-bar-height:0px}
html{background:#fff}
body.contact-live{display:flow-root;padding:0;background:#fff;color:#161616;--cyan:#53e5fd;--pink:#f519af;--focus:#066d7a}
.contact-live .envelope-art{width:100px;max-width:100%}
.contact-live .envelope-art svg{stroke:var(--pink);stroke-width:1.6}
.contact-live .hub-threads path[data-branch=contact].is-current{stroke:var(--cyan);stroke-width:2.2;filter:drop-shadow(.35px 0 0 #066d7a) drop-shadow(-.35px 0 0 #066d7a)}
.contact-live .hub-node[aria-current=page] .node-label{text-decoration-color:#066d7a}
.contact-live .review-skip{top:12px}
.contact-composition{width:min(1100px,calc(100% - 80px));margin:0 auto 72px;display:grid;grid-template-columns:minmax(200px,.8fr) minmax(0,1.7fr);gap:64px;align-items:start}
.contact-heading h1{font:400 54px/1.12 Infamous,cursive;margin:0;letter-spacing:0}
.contact-heading h1>span{display:block}
.contact-heading h1>span:last-child{white-space:nowrap}
.contact-heart{display:inline-block;width:32px;height:32px;vertical-align:middle;transform:rotate(-10deg);margin:0 0 0 4px}
.contact-form{min-width:0;font:400 16px/1.5 Arial,Helvetica,sans-serif}
.note-row{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:16px;row-gap:8px;margin:0 0 36px}
.note-row>label{font:400 30px/1.3 Arial,Helvetica,sans-serif;letter-spacing:-.025em;flex:0 1 auto}
.required-star{font:400 12px/1 Arial,sans-serif;vertical-align:super;letter-spacing:0;color:#333}
.note-field-wrap{display:block;flex:1 1 200px;min-width:0}
.note-answer{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:54px;padding:6px 1px 9px;border:0;border-bottom:3px solid var(--pink);border-radius:0;background:transparent;box-shadow:none;color:#161616;font:400 26px/1.4 Infamous,cursive}
.note-answer::placeholder{font:400 16px/1.4 Arial,Helvetica,sans-serif;color:#666;opacity:1}
.note-answer:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
.note-message .note-field-wrap{flex-basis:100%}
textarea.note-answer{height:58px;min-height:58px;resize:none;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere}
.note-error{display:block;font:400 14px/1.5 Arial,Helvetica,sans-serif;color:#8d2445;margin-top:8px}
.note-error:empty,.note-error-summary:empty,.note-status:empty{display:none}
.note-error-summary{font:400 15px/1.5 Arial,sans-serif;color:#8d2445;margin:0 0 24px}
.note-answer[aria-invalid=true]{border-bottom-color:#8d2445}
.note-actions{display:flex;align-items:flex-start;margin-top:40px}
.note-send{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:9px 20px 11px;border:0;border-radius:0;background:none;color:#111;font:400 24px/1.2 Infamous,cursive;cursor:pointer;touch-action:manipulation}
.note-send::before{content:'';position:absolute;z-index:-1;inset:4px 0 3px;background:var(--cyan);clip-path:polygon(1% 10%,96% 0,100% 84%,3% 100%,0 62%);transition:transform .16s ease}
.note-send:hover::before{transform:rotate(-1deg) scaleX(1.025)}
.note-send:active::before{transform:rotate(0) scaleX(.98)}
.note-send:focus-visible{outline:2px solid #066d7a;outline-offset:5px}
.note-send:disabled{cursor:default;opacity:.68}
.note-answer:read-only{opacity:.72}
.note-status{font:400 16px/1.6 Arial,Helvetica,sans-serif;margin:24px 0 0;max-width:45ch}
.contact-honey{display:none!important}
.contact-confirmation{display:block;max-width:720px}
.contact-confirmation h1{font:400 36px/1.2 Infamous,cursive}
.contact-confirmation p,.contact-confirmation a{font:400 18px/1.6 Arial,sans-serif}
.contact-confirmation a{text-underline-offset:5px}
@media(max-width:1023px) and (min-width:761px){.contact-composition{width:calc(100% - 64px);gap:40px;grid-template-columns:minmax(170px,.7fr) minmax(0,1.5fr)}.contact-heading h1{font-size:42px}.contact-heart{width:24px;height:24px}.note-row>label{font-size:28px}}
@media(max-width:760px){.contact-live .envelope-art{width:86px}.contact-composition{width:calc(100% - 40px);max-width:520px;grid-template-columns:1fr;gap:32px;margin-bottom:48px}.contact-heading h1{font-size:32px;line-height:1.2;text-wrap:balance}.contact-heading h1>span{display:inline}.contact-heart{width:24px;height:24px;margin-left:2px}.note-row{margin-bottom:28px;gap:6px 10px}.note-row>label{font-size:24px;line-height:1.3}.note-field-wrap{flex-basis:100%}.note-answer{font-size:24px;min-height:54px}.note-actions{margin-top:32px}.note-send{font-size:22px}.contact-live .hub-node:focus-visible{outline-offset:-2px}}
@media(max-width:359px){.contact-composition{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){.contact-live *{transition:none!important;animation:none!important}}