/* An open note, with room for a thought to take shape. */
.contact-page{background:var(--navy);color:var(--bone);overflow-anchor:none}
.contact-page [hidden]{display:none!important}
.contact-desk{display:grid;grid-template-columns:1fr 1fr;min-height:100svh}
.contact-opening{padding:156px 4vw 60px;position:relative;min-width:0}
.contact-opening-inner{position:sticky;top:80px}
.contact-opening .eyebrow{font-size:11px;color:#efe8dab3}
.contact-opening h1{font-size:7.3vw;font-weight:560;line-height:.99;letter-spacing:-.065em;margin:48px 0 36px}
.contact-opening h1>span{display:block;white-space:nowrap}
.contact-opening h1>span+span{margin-top:7px}
.contact-opening h1 em{font-size:1.19em;font-weight:400;letter-spacing:-.07em;display:inline-block;padding-right:.07em}
.contact-intro{font-size:18px;line-height:1.5;max-width:390px;letter-spacing:-.012em}
.thought-field{position:relative;height:170px;margin:18px 0 23px;isolation:isolate;overflow:hidden;max-width:500px}
.thought-canvas{width:100%;height:135px;display:block}
.thought-caption{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #efe8da30;padding-top:13px;font:10px/1.4 Mono;color:#efe8dabf}
.thought-index{font-size:13px;letter-spacing:.2em}
.direct-contact{display:flex;flex-direction:column;align-items:start;gap:7px}
.direct-contact>span{font-size:11px;color:#efe8dab3}
.direct-contact>a{font-size:clamp(18px,2.25vw,34px);letter-spacing:-.035em;border-bottom:1px solid #efe8da90;min-height:40px;padding:4px 0}
.direct-contact>a:hover{color:var(--paper)}
.mobile-note-link{display:none}
.note-panel{background:var(--bone);color:var(--ink);padding:156px 4vw 57px;min-width:0}
.conversation-form{max-width:700px;margin:auto}
.draft-fields{min-width:0;border:0;margin:0;padding:0}
.draft-button:disabled{opacity:.55;cursor:not-allowed}
.note-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;border-bottom:1px solid #08090c;margin-bottom:34px;padding-bottom:24px}
.note-heading h2{font-size:31px;line-height:1;font-weight:500;letter-spacing:-.035em;white-space:nowrap}
.note-heading h2 em{font-size:1.15em}
.note-count{font:10px/1.5 Mono;white-space:nowrap;letter-spacing:-.02em}
.name-email{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.note-field{margin-bottom:27px;min-width:0}
.note-field>label,.interest-field>legend{font-size:13px;line-height:1.5;display:block;width:100%}
.note-field>label>span,.interest-field>legend>span{font:10px/1.6 Mono;display:inline-block;color:#69685f;margin-left:8px}
.note-field input,.note-field textarea{font:17px/1.5 Archivo,Arial,sans-serif;color:var(--ink);border:0;border-bottom:1px solid #08090c66;background:transparent;border-radius:0;display:block;width:100%;min-width:0;min-height:45px;padding:8px 0;outline:none;transition:border-color .2s;box-shadow:none;cursor:text}
.note-field input:focus,.note-field textarea:focus{border-bottom:2px solid var(--ink);padding-bottom:7px}
.note-field input:-webkit-autofill{-webkit-text-fill-color:var(--ink);box-shadow:0 0 0 1000px var(--bone) inset}
.note-field input[aria-invalid=true],.note-field textarea[aria-invalid=true]{border-color:#a33320}
.field-error{font-size:12px;line-height:1.5;color:#a33320;margin-top:7px}
.interest-field{padding:0;border:0;margin:33px 0 34px;min-width:0}
.interest-field legend{padding:0;margin-bottom:16px}
.interest-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.interest-choice{position:relative;display:flex;align-items:center;gap:10px;padding:12px 10px;min-height:46px;border:1px solid #08090c40;font-size:12px;line-height:1.35;cursor:pointer;transition:background .25s,border-color .25s}
.interest-choice input{position:absolute;opacity:0;width:1px;height:1px;left:0;top:0;margin:0}
.choice-dot{width:7px;height:7px;border:1px solid #08090c7a;border-radius:50%;flex-shrink:0;transition:background .25s,scale .3s}
.interest-choice:has(:checked){background:var(--ink);color:var(--bone);border-color:var(--ink)}
.interest-choice:has(:checked) .choice-dot{background:var(--bone);border-color:var(--bone)}
.interest-choice:has(:checked[value=architecture]) .choice-dot{background:#d4a24a;border-color:#d4a24a}
.interest-choice:has(:checked[value=brand]) .choice-dot{background:#00c6d8;border-color:#00c6d8}
.interest-choice:has(:checked[value=automotive]) .choice-dot{background:#c8542a;border-color:#c8542a}
.interest-choice:hover{border-color:var(--ink)}
.interest-choice:has(:focus-visible){outline:2px solid var(--ink);outline-offset:4px}
.message-field{margin-bottom:29px}
.message-help{font-size:12px;line-height:1.55;max-width:350px;color:#66645c;margin:9px 0 7px}
.note-field textarea{resize:vertical;min-height:125px;max-height:600px;line-height:29px;background:repeating-linear-gradient(transparent 0,transparent 28px,#08090c12 28px,#08090c12 29px);padding-top:0;overflow-wrap:anywhere}
.note-field textarea:focus{padding-top:0}
.note-send{display:flex;align-items:center;justify-content:space-between;gap:20px}
.draft-button{display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:54px;background:var(--ink);color:var(--bone);padding:15px 20px;font-size:14px;white-space:nowrap;transition:background .25s}
.draft-button:hover{background:var(--navy)}
.send-dot{width:8px;height:8px;border-radius:50%;background:var(--ember);transition:scale .4s var(--ease)}
.draft-button:hover .send-dot{scale:1.5}
.note-send>p{font-size:10px;line-height:1.6;color:#69685f;max-width:190px}
.form-status{font-size:12px;line-height:1.5;margin-top:14px;max-width:430px;min-height:18px;color:#595950}
.draft-link{font-size:12px;text-decoration:underline;text-underline-offset:4px;display:inline-block;padding:8px 0}
.no-script{font-size:14px;padding-top:20px}.no-script a{text-decoration:underline}
.contact-ending{background:var(--ink);padding:42px 4vw 20px;color:var(--bone)}
.contact-ending .curious-discovery{margin:0;align-self:end}
.contact-ending-top{display:flex;align-items:center;justify-content:space-between;gap:50px;padding-bottom:30px}
.contact-signoff>.eyebrow{font-size:10px;color:#efe8da9f}
.contact-signoff>p{font-size:6.8vw;line-height:1.2;font-weight:500;letter-spacing:-.05em;margin-top:15px}
.contact-signoff em{font-size:1.12em;color:var(--bone)}






.contact-utilities{display:flex;align-items:center;gap:28px;padding-top:18px;border-top:1px solid #efe8da40;font-size:11px}
.contact-utilities>p{margin-right:auto;font-size:12px}.contact-utilities>p>a{display:inline-block;border-bottom:1px solid #efe8daaa;margin-left:5px;padding:8px 0}
.contact-utilities>a,.contact-utilities>button{display:flex;align-items:center;min-height:44px}
.contact-utilities>.back-to-top{gap:12px}.contact-utilities .back-to-top-arrow{width:32px;height:32px;font-size:21px}
.note-panel a:focus-visible,.note-panel button:focus-visible,.contact-page .einstein-story :focus-visible{outline-color:var(--ink)}
.contact-page .navigation :focus-visible,.contact-opening a:focus-visible,.contact-ending :focus-visible{outline-color:var(--bone)}
.contact-page .pointer-dot.is-writing{opacity:0!important}
@media(min-width:1600px){.contact-opening{padding-top:180px}.note-panel{padding-top:180px}.contact-intro{font-size:22px;max-width:490px}.thought-field{height:210px;max-width:610px;margin-top:30px}.thought-canvas{height:175px}.note-heading h2{font-size:40px}.note-count{font-size:10px}.note-field>label,.interest-field>legend{font-size:15px}.interest-choice{font-size:14px;min-height:56px}.note-field{margin-bottom:34px}.note-field textarea{min-height:160px}.note-send>p{font-size:12px}.draft-button{font-size:16px;min-height:60px}}
@media(max-width:1100px) and (min-width:761px){.contact-opening,.note-panel{padding-left:3vw;padding-right:3vw}.contact-opening h1{font-size:7.6vw}.note-heading{align-items:start;flex-direction:column;gap:10px;margin-bottom:25px}.note-heading h2{font-size:30px}.note-count{font-size:10px}.note-field>label>span{display:block;margin-left:0}.name-email{gap:20px}.interest-choice{font-size:11px;padding:11px 8px;gap:7px}.note-send{align-items:start;flex-direction:column;gap:12px}.note-send>p{max-width:none}.note-send>p>br{display:none}.contact-intro{font-size:17px}.contact-utilities{gap:20px}.contact-utilities>p{max-width:260px}.contact-opening-inner{top:55px}}
@media(max-width:760px){.contact-desk{display:block}.contact-opening{padding:125px 22px 36px}.contact-opening-inner{position:relative;top:auto}.contact-opening .eyebrow{font-size:10px}.contact-opening h1{font-size:14vw;margin:35px 0 30px;max-width:600px}.contact-opening h1>span+span{margin-top:6px}.contact-intro{font-size:17px;max-width:450px;line-height:1.55}.thought-field{height:135px;margin:12px 0 21px;max-width:540px}.thought-canvas{height:102px}.thought-caption{font-size:10px;padding-top:10px}.direct-contact>a{font-size:25px;min-height:42px}.direct-contact>span{font-size:10px}.mobile-note-link{display:inline-flex;justify-content:space-between;align-items:center;gap:40px;font-size:12px;min-height:42px;margin-top:15px;border-bottom:1px solid #efe8da70}.mobile-note-link>span{font-size:18px}.note-panel{padding:39px 22px 36px;scroll-margin-top:20px}.note-heading{padding-bottom:22px;margin-bottom:30px}.note-heading h2{font-size:30px}.note-count{font-size:10px;max-width:120px;white-space:normal;text-align:right}.name-email{display:block}.note-field{margin-bottom:25px}.note-field>label,.interest-field>legend{font-size:13px}.note-field>label>span,.interest-field>legend>span{font-size:10px}.note-field input{min-height:47px;font-size:17px}.interest-field{margin:30px 0}.interest-choice{font-size:11px;padding:12px 8px;gap:8px;min-height:49px}.note-field textarea{min-height:155px;font-size:17px}.message-help{font-size:12px}.note-send{flex-direction:column;align-items:stretch;gap:15px}.draft-button{font-size:15px;padding:17px 20px;min-height:57px}.note-send>p{max-width:none;font-size:11px}.note-send>p>br{display:none}.form-status{margin-top:10px;min-height:0}.form-status:empty{display:none}.contact-ending{padding:36px 22px 20px}.contact-ending-top{display:block;padding-bottom:28px}.contact-signoff>p{font-size:12.8vw;margin-top:18px}.contact-utilities{flex-wrap:wrap;gap:14px 20px;font-size:10px}.contact-utilities>p{width:100%;font-size:12px}.contact-utilities>span{margin-right:auto}.contact-utilities .back-to-top-arrow{width:32px;height:32px;font-size:20px}.contact-utilities>.back-to-top{gap:8px}}
@media(prefers-reduced-motion:reduce){.contact-page *{animation:none!important;transition:none!important}}
@media(max-width:760px){.contact-ending .curious-discovery{margin:28px 0 0 auto}}
@media(max-width:420px){.note-heading{align-items:flex-start;flex-direction:column;gap:12px}.note-count{text-align:left;max-width:none}}

/* Preserve the exact bone mark on navy; blend mode had shifted it toward yellow. */
.contact-page .site-header{mix-blend-mode:normal;color:var(--bone)}
.contact-page .site-header .identity{color:var(--bone)}
.contact-page .site-header .identity>img{filter:none}
.contact-page .menu-switch{color:var(--ink)}
@media(max-width:850px){.contact-page .menu-switch{color:var(--bone)}}