.sarada-coming-soon {
    --coming-ink: #1b1e1c;
    --coming-paper: #f5f2ec;
    --coming-copper: #956c49;
    margin: 0;
    background: var(--coming-ink);
    color: var(--coming-paper);
    font-family: "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
}
.sarada-coming-soon *, .sarada-coming-soon *::before, .sarada-coming-soon *::after { box-sizing: border-box; }
.sarada-coming-soon a { color: inherit; text-decoration: none; }
.coming-header, .coming-layout, .coming-footer { width: min(1440px, calc(100% - 96px)); margin: 0 auto; }
.coming-header { min-height: 108px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid #ffffff26; }
.coming-brand { font-size: 23px; font-weight: 700; letter-spacing: .24em; line-height: 1.2; }
.coming-brand small { display: block; font-size: 9px; font-weight: 400; letter-spacing: .16em; text-transform: uppercase; margin-top: 9px; color: #c8aa8b; }
.coming-header > span { color: #c1c5bf; font-size: 12px; }
.coming-layout { min-height: calc(100svh - 178px); display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(340px, .8fr); align-items: center; gap: clamp(32px, 5vw, 80px); padding: 42px 0; }
.coming-visual { position: relative; margin: 0; overflow: hidden; border: 1px solid #ffffff1f; box-shadow: 0 24px 80px #00000026; }
.coming-visual img { width: 100%; height: auto; display: block; aspect-ratio: 4 / 3; object-fit: cover; }
.coming-visual figcaption { position: absolute; inset: auto 0 0; padding: 70px 28px 26px; background: linear-gradient(transparent, #131914c9); color: #fff; font-size: 10px; letter-spacing: .13em; text-transform: uppercase; }
.coming-visual figcaption span { display: block; font: 400 clamp(21px, 2.3vw, 34px)/1.3 Georgia, serif; letter-spacing: -.02em; text-transform: none; margin-top: 6px; }
.coming-eyebrow { color: #c8aa8b; font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; margin: 0 0 18px; }
.coming-copy h1 { font: 400 clamp(34px, 3.5vw, 54px)/1.08 Georgia, serif; letter-spacing: -.035em; margin: 0 0 20px; }
.coming-message { color: #c1c5bf; font-size: 14px; max-width: 420px; margin: 0; }
.coming-login { margin-top: 28px; background: var(--coming-paper); color: var(--coming-ink); padding: 25px 28px; }
.coming-login h2 { margin: 0 0 5px; font: 400 25px/1.25 Georgia, serif; letter-spacing: -.025em; }
.coming-login > p { margin: 0 0 18px; color: #68716a; font-size: 12px; }
.coming-login form { display: grid; gap: 12px; }
.coming-login label { display: grid; gap: 5px; color: #68716a; font-size: 11px; }
.coming-login input:not([type=checkbox]) { min-width: 0; width: 100%; height: 43px; background: #fff; border: 1px solid #d7d3ca; border-radius: 0; padding: 9px 12px; color: var(--coming-ink); font: inherit; font-size: 16px; }
.coming-login :focus-visible { outline: 2px solid var(--coming-copper); outline-offset: 2px; }
.coming-login .coming-remember { display: flex; align-items: center; gap: 8px; }
.coming-remember input { accent-color: var(--coming-copper); }
.coming-button { display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--coming-copper); background: var(--coming-copper); color: #fff !important; min-height: 44px; padding: 10px 16px; font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; text-align: center; }
.coming-button:hover { background: #7f5838; }
.coming-login-links { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 16px; margin-top: 15px; color: #68716a; font-size: 10px; }
.coming-login-links a:hover { color: var(--coming-copper); text-decoration: underline; }
.coming-login .coming-error { color: #794631; background: #f1e4d9; border: 1px solid #d7b8a6; padding: 10px 12px; }
.coming-footer { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-top: 1px solid #ffffff26; color: #a9b0a9; font-size: 10px; letter-spacing: .04em; }
.sarada-preview-toolbar { position: fixed; left: 16px; bottom: 16px; z-index: 90; display: flex; align-items: center; flex-wrap: wrap; gap: 12px; max-width: calc(100% - 32px); padding: 8px 12px; border: 1px solid #c8aa8b55; background: #1b1e1cf2; color: #f5f2ec; box-shadow: 0 4px 18px #0002; font: 11px/1.4 "Avenir Next", Arial, sans-serif; }
.sarada-preview-toolbar span { color: #c8aa8b; }
.sarada-preview-toolbar a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.sarada-preview-toolbar a:focus-visible { outline: 2px solid #c8aa8b; outline-offset: 3px; }
body.is-locked .sarada-preview-toolbar { display: none; }
@media (max-width: 1000px) {
    .coming-header, .coming-layout, .coming-footer { width: calc(100% - 48px); }
    .coming-layout { gap: 28px; grid-template-columns: minmax(0, 1fr) minmax(320px, 1fr); }
    .coming-visual figcaption { padding: 50px 20px 20px; }
    .coming-copy h1 { font-size: 36px; }
    .coming-login { padding: 22px; }
}
@media (max-width: 760px) {
    .coming-header, .coming-layout, .coming-footer { width: calc(100% - 32px); }
    .coming-header { min-height: 90px; }
    .coming-brand { font-size: 20px; }
    .coming-brand small { font-size: 8px; }
    .coming-header > span { font-size: 10px; }
    .coming-layout { grid-template-columns: 1fr; padding: 24px 0 32px; gap: 30px; }
    .coming-copy { max-width: 520px; width: 100%; justify-self: center; }
    .coming-copy h1 { font-size: 39px; }
    .coming-copy h1 br { display: none; }
    .coming-visual { width: 100%; max-width: 640px; justify-self: center; }
    .coming-footer { min-height: 66px; }
}