/* Contact editorial page • v1.16.0 */
.contact-editorial{--contact-navy:#202020;--contact-blue:#202020;--contact-pink:#f2cc35;--contact-cream:#fffef6;color:#242424;background:var(--contact-cream);overflow:hidden}
.contact-wrap{width:min(1240px,calc(100% - 48px));margin-inline:auto}
.contact-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:clamp(36px,5vw,88px);align-items:center;padding-block:clamp(75px,9vw,135px) 95px}
.contact-eyebrow{font-size:.82rem!important;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:#555;margin:0 0 23px}
.contact-editorial h1,.contact-editorial h2{font-weight:800;letter-spacing:-.045em;line-height:1.06;color:var(--contact-navy);margin:0}
.contact-editorial h1{font-size:clamp(3.6rem,5.5vw,6.7rem);max-width:790px}
.contact-editorial h1 em{font-style:normal;background:linear-gradient(transparent 68%,#f8d84a 68%,#f8d84a 92%,transparent 92%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.contact-lede{font-size:clamp(1.15rem,1.55vw,1.45rem);line-height:1.65;max-width:660px;margin:35px 0 20px}
.contact-aside{font-size:1rem;line-height:1.6;color:#555;max-width:590px}
.contact-hero-art{height:510px;position:relative;isolation:isolate}
.contact-paper{position:absolute;inset:42px 25px 45px 15px;border-radius:5px}
.contact-paper-ink{background:#d9d3c7;transform:rotate(8deg)}
.contact-paper-yellow{background:#f8d84a;transform:rotate(-7deg) scale(.93)}
.contact-dotfield{position:absolute;right:-4px;top:0;width:140px;height:135px;background:radial-gradient(circle,#202020 3px,transparent 3.8px) 0/17px 17px;z-index:3}
.contact-portrait-wrap{position:absolute;inset:38px 38px 50px 30px;background:#f0ece3;border:10px solid #fff;box-shadow:0 15px 35px #20202024;display:flex;align-items:center;justify-content:center;transform:rotate(2deg);overflow:hidden}
.contact-portrait-wrap img{width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:grayscale(1) contrast(1.15)}

.contact-choices{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,3vw,42px);align-items:stretch;padding-bottom:90px}
.contact-choice{position:relative;padding:clamp(32px,4.5vw,62px);border-radius:7px 48px 7px 48px;min-width:0}
.contact-choice-write{background:#f0ece3}
.contact-choice-book{background:#e7e1d4}
.contact-choice h2{font-size:clamp(2.6rem,3.4vw,4.4rem);margin-bottom:24px}
.contact-choice>p:not(.contact-eyebrow):not(.contact-book-note){font-size:1.12rem;line-height:1.7;margin-bottom:32px;max-width:560px}
.contact-mail-form{display:flex;flex-direction:column;gap:10px}
.contact-mail-form label{font-size:.93rem;font-weight:750;color:var(--contact-navy);margin-top:8px}
.contact-mail-form input,.contact-mail-form textarea{width:100%;box-sizing:border-box;border:2px solid #20202022;background:#fffef6;border-radius:6px;padding:15px 17px;font:inherit;color:#242424}
.contact-mail-form input:focus-visible,.contact-mail-form textarea:focus-visible,.contact-button:focus-visible{outline:3px solid var(--contact-blue);outline-offset:3px}
.contact-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;width:fit-content;max-width:100%;padding:17px 24px;font-weight:800;text-decoration:none!important;border:0;border-radius:4px;cursor:pointer;font:inherit;font-weight:800}
.contact-button-dark{background:#202020;color:#fffef6;margin-top:18px}
.contact-button-teal{background:#f8d84a;color:#202020;margin-top:28px}
.contact-form-help,.contact-book-note{font-size:.85rem!important;line-height:1.5!important;margin:12px 0 0!important;color:#454545}
.contact-form-help a{color:#202020;text-decoration:underline}


.contact-last-note{position:relative;background:#202020;border-radius:75px 8px 75px 8px;color:#fffef6;padding:clamp(32px,5vw,64px);margin-bottom:95px;display:flex;align-items:center;gap:24px}
.contact-last-note p{font-size:clamp(1.35rem,2.4vw,2.3rem);font-weight:750;line-height:1.3;margin:0;color:#fffef6}
.contact-scribble{font-size:4rem;color:#f8d84a;line-height:1}
@media(max-width:850px){.contact-hero{grid-template-columns:1fr;padding-block:64px 70px}.contact-hero-art{height:410px;width:min(100%,500px);margin:auto}.contact-choices{grid-template-columns:1fr}.contact-choice{padding:36px}.contact-last-note{margin-bottom:60px}}
@media(max-width:500px){.contact-wrap{width:calc(100% - 32px)}.contact-editorial h1{font-size:clamp(3rem,11vw,4.1rem)}.contact-hero-art{height:330px}.contact-choice{padding:28px;border-radius:6px 32px 6px 32px}.contact-last-note{border-radius:40px 6px 40px 6px}.contact-scribble{font-size:2.7rem}}


/* v1.16.2: use the About and Writing page palette and type scale. */
.contact-editorial{--contact-navy:var(--bh-ink);--contact-blue:var(--bh-teal);--contact-cream:#fff;background:#fff;color:var(--bh-ink);font-size:1.7rem}
.contact-wrap{width:calc(100% - 64px);max-width:1120px}
.contact-hero{padding-block:56px 72px;gap:64px}
.contact-eyebrow{font-size:1.2rem!important;letter-spacing:.1em;line-height:1.5;margin-bottom:18px}
.contact-editorial h1{font-size:clamp(4.4rem,5vw,6.4rem);line-height:1.12;letter-spacing:-.025em}
.contact-editorial h1 em{background:linear-gradient(transparent 72%,var(--bh-mint) 72%,var(--bh-mint) 94%,transparent 94%)}
.contact-lede{font-size:2rem;line-height:1.65;margin-top:28px}
.contact-aside{font-size:1.7rem;line-height:1.75}
.contact-hero-art{height:430px}
.contact-paper-ink{background:var(--bh-mint)}
.contact-paper-yellow{background:var(--bh-pink)}
.contact-dotfield{width:88px;height:88px;background:radial-gradient(circle,var(--bh-teal) 3px,transparent 3.5px) 0/16px 16px}
.contact-portrait-wrap{background:#fff;border:8px solid #fff;box-shadow:none}
.contact-choices{padding-bottom:64px;gap:32px}
.contact-choice{padding:36px;border-radius:5px}
.contact-choice-write{background:#fff;border:1px solid var(--light-gray-color,#e6e6e6);border-top:4px solid var(--bh-pink)}
.contact-choice-book{background:var(--bh-mint);border-top:4px solid var(--bh-teal)}
.contact-choice h2{font-size:clamp(2.8rem,3vw,3.8rem);letter-spacing:-.025em;line-height:1.2}
.contact-choice>p:not(.contact-eyebrow):not(.contact-book-note){font-size:1.7rem;line-height:1.75;margin-bottom:24px}
.contact-mail-form label{font-size:1.5rem}
.contact-mail-form input,.contact-mail-form textarea{font-size:1.7rem;background:#fff;padding:12px 14px;border:1px solid #aaa;border-radius:4px}
.contact-mail-form textarea{resize:vertical;min-height:140px}
.contact-button{font-size:1.5rem;line-height:1.5;padding:14px 22px;border-radius:5px;transition:filter .15s}
.contact-button:hover{filter:brightness(.9)}
.contact-button-dark{background:var(--bh-ink);color:#fff}
.contact-button-teal{background:var(--bh-teal);color:#fff;margin-top:24px}
.contact-form-help,.contact-book-note{font-size:1.3rem!important;line-height:1.6!important}
.contact-call-art{max-width:280px;margin:36px auto 8px;color:var(--bh-ink)}
.contact-call-art svg{display:block;width:100%;height:auto}
.contact-last-note{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,1.5fr);gap:48px;background:#fff;color:var(--bh-ink);border-top:1px solid var(--light-gray-color,#e6e6e6);border-radius:0;padding:48px 0 0;margin-bottom:64px}
.contact-last-note h2{font-size:clamp(2.8rem,3vw,3.8rem);line-height:1.2;letter-spacing:-.025em;margin-bottom:24px}
.contact-last-note p{font-size:1.7rem;line-height:1.75;font-weight:400;color:var(--bh-ink)}
.contact-last-note .contact-eyebrow{font-weight:800;margin-bottom:18px}
.contact-last-robot{position:relative;align-self:center}
.contact-last-robot img{display:block;width:100%;max-height:300px;object-fit:contain;filter:grayscale(1)}
.contact-telephone{position:absolute;right:0;top:8%;font-size:6rem;color:var(--bh-teal);transform:rotate(15deg);animation:contact-ring 3s ease-in-out 3}
@keyframes contact-ring{0%,25%,100%{transform:rotate(15deg)}5%,15%{transform:rotate(-4deg)}10%,20%{transform:rotate(28deg)}}
@media(prefers-reduced-motion:reduce){.contact-telephone{animation:none}.contact-button{transition:none}}
@media(max-width:850px){.contact-hero{grid-template-columns:1fr;gap:32px;padding-block:48px 56px}.contact-hero-art{width:min(100%,460px);height:400px}.contact-choices{grid-template-columns:1fr}}
@media(max-width:650px){.contact-wrap{width:calc(100% - 36px)}.contact-editorial h1{font-size:clamp(3.6rem,9vw,4.8rem)}.contact-lede{font-size:1.7rem}.contact-choice{padding:28px 24px}.contact-last-note{grid-template-columns:1fr;gap:28px}.contact-last-robot{max-width:220px;margin:auto}.contact-last-note h2{font-size:2.8rem}.contact-hero-art{height:340px}.contact-button{gap:14px}}

/* Contact finishing pass: photographic cutouts and balanced brand accents. */
.contact-editorial{--contact-blue:#2eacd3}
.contact-editorial h1 em{background:linear-gradient(transparent 72%,var(--bh-yellow) 72%,var(--bh-yellow) 94%,transparent 94%)}
.contact-paper-ink{background:var(--contact-blue)}
.contact-paper-yellow{background:var(--bh-yellow)}
.contact-choice-book{background:#dff4fb;border-top-color:var(--contact-blue)}
.contact-button-teal{background:var(--bh-yellow);color:var(--bh-ink)}
.contact-call-art{max-width:340px;margin:36px auto 8px}
.contact-call-art img{display:block;width:100%;height:auto}
.contact-last-note{border-top:4px solid var(--contact-blue)}
.contact-last-robot img{max-height:380px;width:100%;height:auto;object-fit:contain}

.contact-call-art{position:relative;isolation:isolate;margin:32px auto 0;max-width:340px}
.contact-call-art::before{content:"";position:absolute;inset:12% -8% 5% 8%;background:radial-gradient(circle,var(--contact-blue) 2px,transparent 2.6px) 0 0/13px 13px;z-index:-1;transform:rotate(-5deg)}
.contact-last-robot{isolation:isolate}
.contact-last-robot::before{content:"";position:absolute;width:100px;height:88px;left:0;bottom:8%;background:var(--bh-yellow) url('../images/about/houndstooth.svg') repeat;background-size:32px;z-index:-1;transform:rotate(-8deg)}