/* Eight typography: shared with the approved editorial emails. */
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url('/inter-500.woff2') format('woff2')}
:root{--eight-font:Inter,Arial,sans-serif;--eight-blue:#e8eef2;--eight-blush:#f3ebe7;--eight-stone:#efeeea}
body,body[data-account-page="journal"]{font-family:var(--eight-font);font-weight:400;font-synthesis:none}
button,input,textarea,select{font-family:inherit}
body[data-account-page="journal"] main h1,body[data-account-page="studio-offer"] main h1,body[data-account-page="docs"] main h1{font-family:var(--eight-font);font-weight:500;letter-spacing:-.04em}
body[data-account-page="studio-offer"] .rental-hero h1{font-weight:500}
.journal-heading h1,.journal-article h1,.journal-entry h2{font-family:var(--eight-font);font-weight:500;letter-spacing:-.04em}
.journal-article h1 strong,.journal-entry h2 strong{font-weight:600}
.journal-signup h2,.rental-faq h2{font-weight:500}
.journal-prose h2,.journal-prose h3,.docs-layout main h2,.docs-layout main h3{font-weight:500}
.journal-prose .journal-source{font-family:var(--eight-font)}
body[data-account-page="journal"] .journal-heading{background:var(--eight-blue);padding:36px 38px 40px;margin:0 0 36px;border-top:1px solid #d1dce3}
.journal-heading .journal-eyebrow{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#52636e;margin:0 0 22px}
body[data-account-page="journal"] .journal-heading h1{font-size:clamp(42px,5vw,64px);font-weight:500;line-height:1.05;margin:0 0 24px}
body[data-account-page="journal"] .journal-heading>p:last-child{font-size:clamp(17px,1.7vw,22px);font-weight:400;line-height:1.5;color:#52636e;max-width:none;margin:0}
.journal-entry h2{font-size:clamp(25px,2.8vw,34px);line-height:1.2}
body[data-account-page="journal"] .journal-signup{background:var(--eight-blush);border-top:0;padding:28px 30px;margin-top:38px}
body[data-account-page="journal"] .journal-signup h2{font-size:26px;line-height:1.2}
.journal-archive h2{font-weight:500}
@media(max-width:650px){body[data-account-page="journal"] .journal-heading{padding:28px 24px 30px;margin-bottom:28px}body[data-account-page="journal"] .journal-heading h1{font-size:46px}body[data-account-page="journal"] .journal-signup{padding:24px 20px}.journal-entry h2{font-size:27px}}

body[data-account-page="journal"] .journal-heading{border:0;border-radius:10px}
body[data-account-page="journal"] .journal-signup{background:#fff;border:2px solid var(--eight-blush);border-radius:10px}
body[data-account-page] :is(main,dialog) h1{font-family:Inter,Arial,sans-serif;font-weight:500;letter-spacing:-.04em}
body[data-account-page] :is(main,dialog) h2{font-weight:500}
body[data-account-page] :is(main,dialog) :is(h3,h4){font-weight:500}

/* Standalone account, admin and connection pages. */
body[data-account-page] :is(main,dialog) :is(h1,h2,h3,h4){font-family:Inter,Arial,sans-serif}
body[data-account-page] :is(main,dialog) h1{font-weight:500}
body[data-account-page] :is(main,dialog) h2{font-weight:500}
body[data-account-page] :is(main,dialog) :is(h3,h4){font-weight:500}
body[data-account-page] :is(main,dialog) :is(h1,h2,h3) strong{font-weight:600}


body:is([data-account-page="account"],[data-account-page="admin"]) header{width:100%;max-width:none;height:68px;min-height:0;margin:0;padding:0 max(24px,calc((100vw - 960px)/2));gap:20px;flex-wrap:nowrap}
body:is([data-account-page="account"],[data-account-page="admin"]) header nav{margin:0;gap:16px;flex-wrap:nowrap}
body:is([data-account-page="account"],[data-account-page="admin"]) header .site-menu{margin:0}
body:is([data-account-page="account"],[data-account-page="admin"]) main{width:100%;max-width:960px;margin:0 auto;padding:28px 20px 48px}
body:is([data-account-page="account"],[data-account-page="admin"]) main>h1{font-size:36px;line-height:1.15;font-weight:500;letter-spacing:-.04em}
@media(max-width:980px) and (min-width:761px){body:is([data-account-page="account"],[data-account-page="admin"]) header{padding:0 20px}body:is([data-account-page="account"],[data-account-page="admin"]) header nav{gap:12px}}
@media(max-width:900px){body:is([data-account-page="account"],[data-account-page="admin"]) main>h1{font-size:29px}}
@media(max-width:760px){body:is([data-account-page="account"],[data-account-page="admin"]) header{height:60px;padding:0 16px;gap:12px}body:is([data-account-page="account"],[data-account-page="admin"]) header nav{gap:8px}}

body[data-account-page] header .credit-inbox-button{position:relative;width:40px;height:40px;min-height:40px;padding:9px;border:0;border-radius:8px;background:transparent;color:#171717;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}body[data-account-page] header .credit-inbox-button svg{display:block;width:21px;height:21px;flex:none}body[data-account-page] header .credit-inbox-count{position:absolute;right:0;top:0;min-width:16px;height:16px;padding:1px 3px;border-radius:9px;background:#111;color:#fff;font-size:10px;line-height:14px}

body[data-account-page="journal"] .journal-signup{width:50%;min-width:min(100%,340px);max-width:420px;padding:16px 18px;margin-top:32px;border-width:1px;border-radius:10px;background:#fff}
body[data-account-page="journal"] .journal-signup h2{font-size:19px;line-height:1.25;margin:0 0 6px}
body[data-account-page="journal"] .journal-signup>p{font-size:12px;line-height:1.5;margin:0 0 12px}
body[data-account-page="journal"] .journal-signup form{margin-top:12px}
body[data-account-page="journal"] .journal-signup .journal-email-row{padding:4px;gap:4px}
body[data-account-page="journal"] .journal-signup .journal-email-row input[type=email]{height:36px;padding:6px 10px;font-size:14px}
body[data-account-page="journal"] .journal-signup .journal-email-row button{width:36px;height:36px;min-height:36px;min-width:36px;max-width:36px;flex-basis:36px}
body[data-account-page="journal"] .journal-signup .journal-email-row button svg{width:19px;height:19px}
body[data-account-page="journal"] .journal-signup form label.journal-consent{font-size:11px;line-height:1.45;margin-top:9px;gap:7px}
body[data-account-page="journal"] .journal-signup .journal-consent input[type=checkbox]{width:14px;min-width:14px;max-width:14px;height:14px;flex-basis:14px;margin-top:1px}
@media(max-width:650px){body[data-account-page="journal"] .journal-signup{width:100%;min-width:0;max-width:420px}body[data-account-page="journal"] .journal-signup .journal-email-row button{width:40px;height:40px;min-height:40px;min-width:40px;max-width:40px;flex-basis:40px}}

/* Restore the original Start a studio headline typography. */
body:is([data-screen],[data-account-page]) :is(main,dialog) :is(h1,h2,h3,h4){font-family:Inter,Arial,sans-serif!important;font-weight:500!important}
body[data-account-page] main h1{font-size:34px;line-height:1.15}body[data-account-page="journal"] .journal-heading h1{font-size:48px}body[data-account-page="journal"] .journal-entry h2{font-size:28px}@media(max-width:650px){body[data-account-page] main h1{font-size:28px}body[data-account-page="journal"] .journal-heading h1{font-size:36px}body[data-account-page="journal"] .journal-entry h2{font-size:25px}}

/* Full-width, compact Journal signup. */
body[data-account-page="journal"] .journal-signup{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:28px;row-gap:0;align-items:center;width:100%;min-width:0;max-width:none;padding:20px 22px;margin-top:18px}
body[data-account-page="journal"] .journal-signup>h2{grid-column:1;grid-row:1;align-self:end}
body[data-account-page="journal"] .journal-signup>p{grid-column:1;grid-row:2;align-self:start;margin:0}
body[data-account-page="journal"] .journal-signup>form{grid-column:2;grid-row:1 / 3;min-width:0;margin:0}
body[data-account-page="journal"] .journal-pager:empty{display:none}
@media(max-width:700px){body[data-account-page="journal"] .journal-signup{display:block;padding:18px;max-width:none}body[data-account-page="journal"] .journal-signup>form{margin-top:14px}}

body[data-account-page="journal"] .journal-signup form label.journal-consent{padding-left:15px}