/* casecompare.com/upgrade: the high-end look (Renee, 2026-10-26). Black, cream and muted gold; serif headings; no emojis;
   calm buttons; more space. Loaded after offer.css on upgrade.html only, scoped to [data-look="luxe"]. */
[data-look="luxe"] { --ink: #16130F; --ink-soft: #3D372F; --mute: #7A7064; --cream: #F7F2E8; --paper: #FCFAF5; --line: #E4DCCB;
  --gold: #A8854A; --gold-soft: #C9AE7C; --night: #14110E; }
[data-look="luxe"] body, body[data-look="luxe"] { background: var(--paper); color: var(--ink); }

/* section backgrounds: cream and paper, one dark band for the course clip */
[data-look="luxe"] .lp__info > section::before { background: var(--paper) !important; }
[data-look="luxe"] #offer-hero::before, [data-look="luxe"] #inside::before, [data-look="luxe"] #who::before,
[data-look="luxe"] #stories::before, [data-look="luxe"] #join-end::before { background: var(--cream) !important; }
[data-look="luxe"] #sample::before, [data-look="luxe"] #invited::before { background: var(--night) !important; }
[data-look="luxe"] .lp__info > section { padding-top: 3rem; padding-bottom: 3rem; }
[data-look="luxe"] .lp__info > section + section { border-top: 1px solid var(--line); }

/* type: an elegant serif for headings, the clean sans for text */
[data-look="luxe"] .lp__h, [data-look="luxe"] #founder-h, [data-look="luxe"] #who-h, [data-look="luxe"] #endjoin-h {
  font-family: 'Playfair Display', Georgia, serif !important; font-weight: 700 !important; font-style: normal !important;
  color: var(--ink) !important; letter-spacing: .005em; line-height: 1.2; }
[data-look="luxe"] .lp__h::after { content: ""; display: block; width: 44px; height: 1px; background: var(--gold); margin: .9rem auto 0; }
[data-look="luxe"] .lp__info p, [data-look="luxe"] .lp__info li { color: var(--ink-soft); }

/* the top */
[data-look="luxe"] #offer-hero, [data-look="luxe"] #offer-hero p, [data-look="luxe"] #offer-hero li { color: var(--ink-soft) !important; }
[data-look="luxe"] #offer-hero .lp__mock { box-shadow: 0 18px 40px rgba(22, 19, 15, .18); }
[data-look="luxe"] #offer-hero .lp__peek { background: rgba(22, 19, 15, .82); color: var(--cream); letter-spacing: .04em; }
[data-look="luxe"] #offer-hero .lp__question { color: var(--gold) !important; font-family: 'Montserrat', sans-serif; font-weight: 600;
  font-size: 13px; letter-spacing: .14em; text-transform: uppercase; line-height: 1.6; }
[data-look="luxe"] #offer-hero #offer-title, [data-look="luxe"] #offer-hero #offer-title a { color: var(--ink) !important;
  font-family: 'Playfair Display', Georgia, serif !important; font-style: normal !important; font-weight: 700 !important; letter-spacing: .01em; }
[data-look="luxe"] #offer-hero .lp__subhead { color: var(--mute) !important; font-style: italic; font-family: 'Lora', Georgia, serif; }
[data-look="luxe"] .lp__price, [data-look="luxe"] .lp__price span, [data-look="luxe"] .lp__info p.lp__price { color: var(--ink) !important;
  font-family: 'Playfair Display', Georgia, serif !important; font-weight: 700; }
[data-look="luxe"] .lp__price span { font-weight: 400 !important; font-style: italic; }
[data-look="luxe"] .lp__price .lp__was, [data-look="luxe"] .lp__info p.lp__price .lp__was { color: var(--mute) !important; }
[data-look="luxe"] .lp__facts, [data-look="luxe"] .lp__spots, [data-look="luxe"] #offer-hero .lp__spots, [data-look="luxe"] #offer-hero .lp__facts {
  color: var(--ink-soft) !important; font-family: 'Montserrat', sans-serif; font-size: 12.5px !important; font-weight: 600 !important;
  letter-spacing: .12em; text-transform: uppercase; }
[data-look="luxe"] .lp__spots { color: var(--gold) !important; }
[data-look="luxe"] #offer-hero .lp__urgent-lead { color: var(--ink) !important; font-family: 'Playfair Display', Georgia, serif; font-size: 19px; font-weight: 700; }
[data-look="luxe"] #offer-hero ul.lp__labels li::marker { color: var(--gold); }
[data-look="luxe"] #offer-hero ul.lp__labels li b { color: var(--ink) !important; letter-spacing: .08em; font-size: .86em; }
[data-look="luxe"] #offer-hero .lp__byline, [data-look="luxe"] #offer-hero .lp__byline a { color: var(--ink) !important; }
[data-look="luxe"] #offer-hero .lp__offer { background: var(--paper) !important; border: 1px solid var(--line) !important; color: var(--ink-soft) !important; border-radius: 4px; }
[data-look="luxe"] #offer-hero .lp__offer b { color: var(--ink) !important; }
[data-look="luxe"] .lp__offer-tag { background: var(--ink) !important; color: var(--cream) !important; letter-spacing: .14em; border-radius: 2px; }
[data-look="luxe"] #offer-hero .lp__trust li { color: var(--ink-soft) !important; letter-spacing: .16em; }
[data-look="luxe"] .lp__trust li::before { color: var(--gold) !important; }

/* sign-up boxes and buttons: black, cream, a thin gold edge */
[data-look="luxe"] .lp__wait input[type=email] { background: #fff; border: 1px solid var(--line) !important; border-radius: 2px !important; color: var(--ink); }
[data-look="luxe"] .lp__wait input[type=email]:focus { outline: 1px solid var(--gold); border-color: var(--gold) !important; }
[data-look="luxe"] .btn--primary, [data-look="luxe"] .lp-sticky { background: var(--ink) !important; color: var(--cream) !important;
  box-shadow: none !important; border: 1px solid var(--ink) !important; border-radius: 2px !important; letter-spacing: .08em !important; }
[data-look="luxe"] .btn--primary:hover { background: #000 !important; border-color: var(--gold) !important; }
[data-look="luxe"] .lp__join-note, [data-look="luxe"] .lp__join-note b, [data-look="luxe"] label, [data-look="luxe"] .lp__small { color: var(--mute) !important; }
[data-look="luxe"] .lp__wait-done { color: var(--ink) !important; }

/* the dark band (course clip, the public is invited) */
[data-look="luxe"] #sample .lp__h, [data-look="luxe"] #invited .lp__h { color: var(--cream) !important; }
[data-look="luxe"] #sample p, [data-look="luxe"] #invited p, [data-look="luxe"] #sample .lp__small, [data-look="luxe"] #invited cite { color: #CFC6B6 !important; }
[data-look="luxe"] #invited blockquote { background: rgba(247, 242, 232, .06) !important; border-left: 2px solid var(--gold); }
[data-look="luxe"] #invited blockquote p { color: var(--cream) !important; font-family: 'Lora', Georgia, serif; font-style: italic; }
[data-look="luxe"] #invited cite a { color: var(--gold-soft) !important; }

/* lists, checks, cards */
[data-look="luxe"] .lp__list li::before, [data-look="luxe"] .lp__who li::before { filter: grayscale(1) sepia(1) saturate(2.2) hue-rotate(-10deg) brightness(.85); }
[data-look="luxe"] .lp__list .lp__bonus b { color: var(--gold) !important; }
[data-look="luxe"] #who .lp__who, [data-look="luxe"] .lp__who { background: transparent; }
[data-look="luxe"] .lp__doubt, [data-look="luxe"] details { border-color: var(--line) !important; }
[data-look="luxe"] .lp__classic-card { border-radius: 4px; border-color: var(--line); box-shadow: none; }
[data-look="luxe"] .lp__classic-go { color: var(--gold); }
[data-look="luxe"] .lp__clips { background: #EEE8DB; border-color: var(--line); }

/* the end box */
[data-look="luxe"] #join-end, [data-look="luxe"] #join-end .lp__h { color: var(--ink) !important; }
[data-look="luxe"] #join-end .lp__facts, [data-look="luxe"] #join-end label, [data-look="luxe"] #join-end .lp__join-note { color: var(--mute) !important; }
[data-look="luxe"] #join-end .lp__price, [data-look="luxe"] #join-end .lp__price span { color: var(--ink) !important; }

/* header and footer */
[data-look="luxe"] header, [data-look="luxe"] .site-header { background: var(--paper) !important; border-bottom: 1px solid var(--line); }
[data-look="luxe"] footer, [data-look="luxe"] .site-footer { background: var(--night) !important; }
[data-look="luxe"] #offer-hero .lp__spots, [data-look="luxe"] #join-end .lp__spots { color: var(--gold) !important; }
[data-look="luxe"] #offer-hero ul.lp__labels li::before, [data-look="luxe"] #offer-hero .lp__urgent li::before { color: var(--gold) !important; background: var(--gold) !important; }
[data-look="luxe"] .lp__box { border: 1px solid var(--line) !important; border-radius: 4px !important; box-shadow: none !important; background: var(--paper) !important; }

/* the top: announcement bar + wordmark (2026-10-26) */
.lx-bar { background: #16130F; color: #E9DFC9; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 600;
  letter-spacing: .16em; text-transform: uppercase; padding: .55rem 12px; line-height: 1.4; }
.lx-bar span { color: #A8854A; margin: 0 .5em; }
[data-look="luxe"] header.lx-top { padding: 1.05rem 12px .95rem !important; text-align: center; background: #FCFAF5 !important; border-bottom: 1px solid #E4DCCB; }
.lx-mark { font-family: 'Playfair Display', Georgia, serif; font-weight: 700; font-size: 25px; letter-spacing: .26em; text-transform: uppercase;
  color: #16130F !important; text-decoration: none; padding-left: .26em; }
@media (max-width: 380px) { .lx-mark { font-size: 21px; letter-spacing: .2em; } .lx-bar { font-size: 10px; letter-spacing: .12em; } }
/* wordmark like Leatherology's: a clean, light sans-serif in widely spaced capitals (Renee, 2026-10-26) */
.lx-mark { font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif !important; font-weight: 400 !important; font-size: 21px !important;
  letter-spacing: .42em !important; padding-left: .42em !important; color: #16130F !important; }
@media (max-width: 380px) { .lx-mark { font-size: 18px !important; letter-spacing: .34em !important; } }
.lx-bar { font-weight: 500; letter-spacing: .2em; }
/* the wordmark a little smaller (Renee, 2026-10-26) */
.lx-mark { font-size: 17px !important; letter-spacing: .4em !important; }
@media (max-width: 380px) { .lx-mark { font-size: 15px !important; letter-spacing: .32em !important; } }
[data-look="luxe"] header.lx-top { padding: .85rem 12px .8rem !important; }
.lx-bar { font-size: 10px; }

/* ===== desktop (Renee, 2026-10-26: the page looked bare on a computer): one centred column without the side card;
   the top as a shop's product view, photo on the left, name, price and sign-up on the right ===== */
@media (min-width: 1000px) {
  [data-look="luxe"] .lp { max-width: 1120px; }
  [data-look="luxe"] .lp__grid { grid-template-columns: minmax(0, 1fr) !important; }
  [data-look="luxe"] .lp__buy--join { display: none !important; }
  [data-look="luxe"] #offer-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 4.5rem; align-items: start;
    padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; text-align: left; }
  [data-look="luxe"] #offer-hero > * { grid-column: 2; }
  [data-look="luxe"] #offer-hero > .lp__gallery { grid-column: 1; grid-row: 1 / span 12; position: sticky; top: 1.5rem; }
  [data-look="luxe"] #offer-hero .lp__hero-link { display: block; width: 100% !important; }
  [data-look="luxe"] #offer-hero .lp__mock { width: 100% !important; max-width: none !important; }
  [data-look="luxe"] #offer-hero .lp__question, [data-look="luxe"] #offer-hero #offer-title, [data-look="luxe"] #offer-hero .lp__subhead,
  [data-look="luxe"] #offer-hero .lp__first, [data-look="luxe"] #offer-hero .lp__first *, [data-look="luxe"] #offer-hero .lp__join-note,
  [data-look="luxe"] #offer-hero .lp__urgent-lead, [data-look="luxe"] #offer-hero .lp__byline { text-align: left !important; }
  [data-look="luxe"] #offer-hero #offer-title { font-size: 40px !important; line-height: 1.12; margin-top: .2rem; }
  [data-look="luxe"] #offer-hero .lp__first .lp__join { margin-left: 0; max-width: 460px; }
  [data-look="luxe"] #offer-hero .lp__trust { justify-content: flex-start; }
  /* the sections below: centred, readable width */
  [data-look="luxe"] .lp__info > section:not(#offer-hero) { max-width: 820px; margin-left: auto; margin-right: auto; }
}
@media (min-width: 1000px) {
  [data-look="luxe"] #offer-hero .lp__subhead, [data-look="luxe"] #offer-hero .lp__urgent, [data-look="luxe"] #offer-hero .lp__offer,
  [data-look="luxe"] #offer-hero .lp__byline, [data-look="luxe"] #offer-hero .lp__first { margin-left: 0 !important; max-width: 520px; }
  [data-look="luxe"] #offer-hero .lp__urgent ul { padding-left: 0; margin-left: 0; }
}
@media (min-width: 1000px) { [data-look="luxe"] #offer-hero .lp__question { margin-left: 0 !important; max-width: 520px; } }
/* the bands' colours for the no-overflow band (offer.css FIX 2026-10-26) */
[data-look="luxe"] .lp__info > section { --band: #FCFAF5; }
[data-look="luxe"] #offer-hero, [data-look="luxe"] #inside, [data-look="luxe"] #who, [data-look="luxe"] #stories, [data-look="luxe"] #join-end { --band: #F7F2E8; }
[data-look="luxe"] #sample, [data-look="luxe"] #invited { --band: #14110E; }
/* the spots line a little bigger, with a thin gold bar of spots taken (Renee, 2026-10-27) */
[data-look="luxe"] .lp__spots, [data-look="luxe"] #offer-hero .lp__spots { font-size: 14px !important; letter-spacing: .1em !important; }
.lp__spotbar { width: 220px; max-width: 70%; height: 5px; margin: .45rem auto .2rem; background: #E4DCCB; border-radius: 3px; overflow: hidden; }
.lp__spotbar i { display: block; height: 100%; background: linear-gradient(90deg, #A8854A, #C9AE7C); border-radius: 3px; }
@media (min-width: 1000px) { [data-look="luxe"] #offer-hero .lp__spotbar { margin-left: 0; } }
/* the price a smidge higher (Renee, 2026-10-27) */
@media (max-width: 999px) { [data-look="luxe"] #offer-hero .lp__subhead { margin-bottom: .7rem !important; } }
/* desktop: the founder photo in its own column, the story beside it, so no line wraps under the photo (Renee, 2026-10-28) */
@media (min-width: 760px) {
  [data-look="luxe"] #founder.lp__founder--story { display: grid !important; grid-template-columns: 240px minmax(0, 1fr); column-gap: 2.2rem; align-items: start; text-align: left; }
  [data-look="luxe"] #founder.lp__founder--story > img.lp__founder-desk { float: none !important; grid-column: 1; width: 100% !important; max-width: none !important; margin: .4rem 0 0 !important; }
  [data-look="luxe"] #founder.lp__founder--story > div { grid-column: 2; }
  [data-look="luxe"] #founder.lp__founder--story > form { grid-column: 1 / -1; }
}
/* phones: a smaller founder photo, so the headline and the first lines of the story show with it (Renee, 2026-10-28) */
@media (max-width: 759px) {
  [data-look="luxe"] #founder.lp__founder--story > img.lp__founder-desk { width: 62% !important; max-width: 230px !important; margin-left: auto !important; margin-right: auto !important; }
}
/* "Made in the USA" on the main product photo (Renee, 2026-10-30; Vervante makes it in Utah) */
[data-look="luxe"] .lp__hero-link { position: relative; display: block; }
[data-look="luxe"] .lp__hero-link::after { content: "MADE IN USA"; position: absolute; left: 8px; top: 8px; padding: 5px 8px 4px 30px; background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 20'><rect width='38' height='20' fill='%23fff'/><rect y='0.000' width='38' height='1.538' fill='%23B22234'/><rect y='3.077' width='38' height='1.538' fill='%23B22234'/><rect y='6.154' width='38' height='1.538' fill='%23B22234'/><rect y='9.231' width='38' height='1.538' fill='%23B22234'/><rect y='12.308' width='38' height='1.538' fill='%23B22234'/><rect y='15.385' width='38' height='1.538' fill='%23B22234'/><rect y='18.462' width='38' height='1.538' fill='%23B22234'/><rect width='15.2' height='10.769' fill='%233C3B6E'/></svg>") no-repeat 8px 50% / 17px 9px, rgba(20, 17, 14, .82); color: #d9bf86; font: 600 9.5px/1 Montserrat, system-ui, sans-serif; letter-spacing: .16em; border-radius: 3px; pointer-events: none; }
/* the notebook cover again at the bottom, above the last sign-up (Renee, 2026-10-30) */
[data-look="luxe"] .lp__end-cover { display: block; width: 78%; max-width: 380px; height: auto; margin: 0 auto 1.4rem; border-radius: 4px; box-shadow: 0 10px 28px rgba(0, 0, 0, .18); }