:root {
    --indigo:#3A4568;
    --linen:#F1E9D8;
    --ivory-dk:#F1E9D8;
    --gold:#E0A458;
    --orange-lt:#B5563C;
    --orange:#B5563C;
    --slate:#1F232E;
    --slate-lt:#1F232E;
    --font-display:'Playfair Display', Georgia, serif;
    --font-ui:'Raleway', Arial, sans-serif;
  }
  body { margin:0; background:var(--linen); color:var(--slate); font-family:var(--font-ui); -webkit-font-smoothing:antialiased; }
  * { box-sizing:border-box; }
  a { color:var(--indigo); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }
  a:hover { color:var(--slate); }
  nav a, footer a, a[style*="background:"], a[style*="border-bottom:"] { text-decoration:none; }
  p { text-wrap:pretty; }
  summary::-webkit-details-marker { display:none; }
  summary::marker { content:''; }
  @media (prefers-reduced-motion:reduce) {
    [data-offer-card="1"], [data-offer-card="1"]:hover { transition:none; transform:none; }
    [data-polaroid="1"], [data-polaroid="1"]:hover { transition: none; }
    [data-course-row="1"], [data-course-row="1"]:hover { transition: none !important; transform: none !important; }
  }
  @media (max-width: 900px) {
    [data-nav-logo="1"] { height: 30px !important; }

  }
  @media (max-width: 700px) {
    [data-polaroid-row="1"] { flex-direction: column; align-items: center; }
    [data-polaroid="1"] { transform: rotate(0deg) !important; }
  }
  [data-tl-node="1"] { overflow: hidden; }
  [data-tl-mark="1"] { position: relative; }
  [data-tl-mark="1"]::before, [data-tl-mark="1"]::after {
    content: ''; position: absolute; top: 50%; width: 50vw; height: 1px;
    background: rgba(181,86,60,0.35); pointer-events: none;
  }
  [data-tl-mark="1"]::before { right: 100%; }
  [data-tl-mark="1"]::after { left: 100%; }
  [data-tl-node="1"]:first-child [data-tl-mark="1"]::before,
  [data-tl-node="1"]:last-child [data-tl-mark="1"]::after { display: none; }
  [data-quote-grid="1"] > [data-quote-card="1"]:nth-child(even) { margin-top: 40px; }
  [data-quote-card="1"] { opacity: 0; transform: translateY(24px);
    transition: opacity .7s cubic-bezier(.16,1,.3,1), transform .7s cubic-bezier(.16,1,.3,1); }
  [data-quote-card="1"].visible { opacity: 1; transform: none; }
  [data-quote-grid="1"]::-webkit-scrollbar { display: none; }
  @media (prefers-reduced-motion: reduce) {
    [data-quote-card="1"] { opacity: 1 !important; transform: none !important; transition: none !important; }
  }
  @media (max-width: 900px) {
    [data-nav-logo="1"] { height: 30px !important; }

  }
  @media (max-width: 700px) {
    [data-quote-grid="1"] { display: flex !important; overflow-x: auto; scroll-snap-type: x mandatory;
      gap: 16px !important; scroll-padding-left: 20px; scrollbar-width: none; -ms-overflow-style: none; }
    [data-quote-grid="1"] > [data-quote-card="1"] { flex: 0 0 82vw; scroll-snap-align: start; margin-top: 0 !important; }
    [data-quote-dots="1"] { display: flex !important; }
    [data-video-grid="1"] { grid-template-columns: 1fr !important; }
    [data-post-card="1"] { grid-template-columns: 1fr !important; }
    [data-offer-grid="1"] { grid-template-columns: 1fr !important; }
    [data-offer-btn="1"] { width: 100%; }
    [data-offer-block="1"] { flex: 0 1 auto !important; }
    [data-bento="1"] { grid-template-columns: repeat(6, 1fr) !important; }
    [data-bento="1"] > * { grid-row: auto !important; }
    [data-b="badge"], [data-b="armeen"], [data-b="photo"], [data-b="lauren"], [data-b="logo"] { grid-column: 1 / -1 !important; }
    [data-b="beth"] { grid-column: 1 / 4 !important; }
    [data-b="donna"] { grid-column: 4 / -1 !important; }
    [data-b="stats"] { grid-column: 1 / -1 !important; grid-template-columns: repeat(2, 1fr) !important; }
    [data-bento="1"] > *:not([data-b="photo"]):not([data-b="stats"]) { padding: 20px !important; }
    [data-b="stat"] { padding: 20px !important; }
    [data-b="stat"] [data-num="1"] { font-size: 30px !important; }
    [data-b="stat"] [data-lab="1"] { font-size: 12px !important; }
    [data-b="beth"] [data-q="1"], [data-b="donna"] [data-q="1"] { font-size: 17px !important; }
    [data-fork-grid="1"] { grid-template-columns: 1fr !important; gap: 0 !important; }
    [data-fork-grid="1"] > div:first-child { padding-right: 0 !important; padding-bottom: 36px !important; }
    [data-fork-grid="1"] > div:last-child { padding-left: 0 !important; padding-top: 36px !important; }
    [data-fork-rule="1"] { width: 100% !important; height: 1px !important; }
    [data-fork-btn="1"] { width: 100%; }
  }
  .video-facade:hover .play-icon { transform: translate(-50%,-50%) scale(1.08); }
  .video-facade:focus-visible { outline: 3px solid #1F232E; outline-offset: 3px; }
  @media (prefers-reduced-motion: reduce) {
    .play-icon { transition: none !important; }
    .video-facade:hover .play-icon { transform: translate(-50%,-50%) !important; }
  }
  [data-booking-form="1"] input::placeholder, [data-booking-form="1"] textarea::placeholder { color: rgba(31,35,46,0.55); opacity: 1; }
  input[data-interest] { appearance:none; -webkit-appearance:none; width:18px; height:18px; margin:0; flex-shrink:0; flex:0 0 auto;
    background:#FAFAFA; border:1px solid #1F232E; border-radius:2px; display:inline-grid; place-content:center; cursor:pointer; }
  input[data-interest]::before { content:''; width:10px; height:6px; border-left:2px solid #1F232E; border-bottom:2px solid #1F232E;
    transform:rotate(-45deg) translateY(-1px); opacity:0; }
  input[data-interest]:checked { background:#E0A458; }
  input[data-interest]:checked::before { opacity:1; }
  input[data-interest]:focus-visible { outline:2px solid #1F232E; outline-offset:2px; }
  @media (max-width: 900px) {
    [data-offer-grid="1"] { grid-template-columns: 1fr !important; }
    [data-course-grid="1"] { padding-left: 0 !important; }
    [data-svc-row="1"] { grid-template-columns: 1fr !important; }
    [data-svc-row="1"] > * { grid-column: 1 !important; grid-row: auto !important; }
    [data-svc-aside="1"] { margin-top: 8px !important; }
    [data-quoteband-grid="1"] { grid-template-columns: 1fr !important; }
    [data-quote-item="1"] { border-left: none !important; padding-left: 0 !important; }
    [data-philo-grid="1"] { grid-template-columns: 1fr !important; padding-right: 28px !important; }
    [data-philo-photo="1"] { margin: 0 -28px !important; min-height: 300px; }
    [data-philo-photo="1"] img { mask-image: none !important; -webkit-mask-image: none !important; }
    [data-course-row="1"] { flex-direction: column; align-items: stretch; gap: 20px; }
    [data-course-cta="1"] { align-items: stretch !important; text-align: left !important; }
    [data-course-cta="1"] a { display: block !important; text-align: center; }
    [data-course-mark="1"] { position: static !important; transform: none !important; display: block; margin-bottom: 12px; }
    [data-qb-prev="1"], [data-qb-next="1"] { display: none !important; }
    [data-qb-track="1"] { overflow-x: auto !important; scrollbar-width: none; -ms-overflow-style: none; }
    [data-qb-track="1"]::-webkit-scrollbar { display: none; }
    [data-trust-grid="1"] { grid-template-columns: 1fr !important; }
    [data-hero-grid="1"] { grid-template-columns: 1fr !important; padding-right: 28px !important; }
    [data-hero-photo="1"] { margin: 0 -28px !important; }
    [data-note-grid="1"] { grid-template-columns: 1fr !important; padding-left: 28px !important; }
    [data-note-photo="1"] { margin: 0 -28px !important; }
    [data-note-photo="1"] img { mask-image: none !important; -webkit-mask-image: none !important; }
    [data-about-grid="1"] { grid-template-columns: 1fr !important; padding-right: 28px !important; }
    [data-portrait="1"] { margin: 0 -28px !important; }
    [data-timeline="1"] { grid-template-columns: 1fr !important; gap: 26px 0 !important; padding-left: 8px !important; }
    [data-tl-node="1"] { grid-template-rows: auto !important; grid-template-columns: auto 1fr !important; justify-items: start !important; text-align: left !important; column-gap: 16px !important; align-items: center; }
    [data-tl-node="1"] > span:first-child { grid-column: 2; }
    [data-tl-mark="1"] { grid-row: 1 / span 2; grid-column: 1; margin-left: -9px; padding: 8px 0 !important; }
    [data-tl-node="1"] > span:last-child { grid-column: 2; }
    [data-tl-node="1"] { overflow: visible !important; }
    [data-tl-mark="1"]::before, [data-tl-mark="1"]::after {
      top: auto !important; right: auto !important; left: 50% !important;
      width: 1px !important; height: 40px !important;
    }
    [data-tl-mark="1"]::before { bottom: 100%; }
    [data-tl-mark="1"]::after { top: 100% !important; }
    [data-about-col2="1"] { padding-right: 0 !important; }
    [data-portrait="1"] img { mask-image: none !important; -webkit-mask-image: none !important; }
  }
  @media (max-width: 900px) {
    [data-sc-grid="1"] { grid-template-columns: 1fr !important; }
    [data-interest-grid="1"] { grid-template-columns: repeat(2, 1fr) !important; }
    [data-badge="1"] { flex-direction: column; text-align: center; justify-content: center; }
  }

/* converted hover/focus/pseudo rules */
.x1:hover{color:#B5563C !important;border-bottom-color:#B5563C !important}
.x1:focus-visible{outline:2px solid #1F232E !important;outline-offset:3px !important}
.x2:hover{color:#B5563C !important;border-bottom-color:#B5563C !important}
.x2:focus-visible{outline:2px solid #1F232E !important;outline-offset:3px !important}
.x3:hover{color:#B5563C !important;border-bottom-color:#B5563C !important}
.x3:focus-visible{outline:2px solid #1F232E !important;outline-offset:3px !important}
.x4:hover{color:#B5563C !important;border-bottom-color:#B5563C !important}
.x4:focus-visible{outline:2px solid #1F232E !important;outline-offset:3px !important}
.x5:hover{color:#B5563C !important;border-bottom-color:#B5563C !important}
.x5:focus-visible{outline:2px solid #1F232E !important;outline-offset:3px !important}
.x6:hover{color:#B5563C !important;border-bottom-color:#B5563C !important}
.x6:focus-visible{outline:2px solid #1F232E !important;outline-offset:3px !important}
.x7:hover{color:#B5563C !important;border-bottom-color:#B5563C !important}
.x7:focus-visible{outline:2px solid #1F232E !important;outline-offset:3px !important}
.x8:hover{color:#B5563C !important;border-bottom-color:#B5563C !important}
.x8:focus-visible{outline:2px solid #1F232E !important;outline-offset:3px !important}
.x9:hover{background:#B5563C !important;color:#FAFAFA !important}
.x10:hover{background:#B5563C !important;color:#FAFAFA !important}
.x11:hover{border-color:var(--gold) !important}
.x12:hover{border-color:var(--gold) !important}
.x13:hover{border-color:var(--gold) !important}
.x14:hover{color:var(--gold) !important}
.x15:hover{color:var(--gold) !important}
.x16:hover{color:var(--gold) !important}
.x17:hover{color:var(--gold) !important}
.x18:hover{color:var(--gold) !important}
.x19:hover{color:var(--gold) !important}
.x20:hover{color:var(--gold) !important}
.x21:hover{color:var(--gold) !important}
.x22:hover{color:var(--gold) !important}
.x23:hover{color:var(--gold) !important}
.x24:hover{color:var(--gold) !important}
.x25:hover{color:var(--gold) !important}
.x26:hover{color:var(--gold) !important}
.x27:hover{background:#B5563C !important;color:#FAFAFA !important}
.x28:hover{border-bottom-color:#E0A458 !important}
.x29::after{content:'\2726';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#B5563C;font-size:0.7rem;line-height:1;background:transparent;padding:0}
.x30:hover{background:#B5563C !important;color:#FAFAFA !important}
.x31:hover{color:#F1E9D8 !important;border-bottom-color:#F1E9D8 !important}
.x32:hover{color:#F1E9D8 !important;border-bottom-color:#F1E9D8 !important}
.x33::after{content:'\2726';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#B5563C;font-size:0.7rem;line-height:1;background:transparent;padding:0}
.x34:hover{background:#F1E9D8 !important;color:#1F232E !important;border-color:#F1E9D8 !important}
.x35:hover{transform:rotate(0deg) translateY(-6px) !important}
.x36:hover{transform:rotate(0deg) translateY(-6px) !important}
.x37:hover{transform:rotate(0deg) translateY(-6px) !important}
.x38:hover{background:#F1E9D8 !important;color:#1F232E !important;border-color:#F1E9D8 !important}
.x39::before{content:'';position:absolute;inset:12px;border:2px solid rgba(224,164,88,0.45);pointer-events:none}
.x40::before{content:'';position:absolute;inset:12px;border:2px solid rgba(224,164,88,0.45);pointer-events:none}
.x41:hover{background:#B5563C !important;color:#FAFAFA !important}
.x42::before{content:'';position:absolute;inset:12px;border:2px solid rgba(224,164,88,0.45);pointer-events:none}
.x43:hover{background:#B5563C !important;color:#FAFAFA !important}
.x44:hover{background:#B5563C !important;color:#FAFAFA !important}
.x45::after{content:'\2726';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#B5563C;font-size:0.7rem;line-height:1;background:transparent;padding:0}
.x46:hover{background:#F1E9D8 !important;color:#1F232E !important;border-color:#F1E9D8 !important}
.x47::after{content:'\2726';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#B5563C;font-size:0.7rem;line-height:1;background:transparent;padding:0}
.x48::after{content:'\2726';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#B5563C;font-size:0.7rem;line-height:1;background:transparent;padding:0}
.x49:hover{background:#B5563C !important;color:#FAFAFA !important}
.x50:hover{background:#B5563C !important;color:#FAFAFA !important;border-color:#1F232E !important}
.x51::after{content:'\2726';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#B5563C;font-size:0.7rem;line-height:1;background:transparent;padding:0}
.x52::before{content:'';position:absolute;inset:8px;border:1px solid rgba(181,86,60,0.30);pointer-events:none}
.x52:hover{box-shadow:0 10px 26px rgba(31,35,46,0.16) !important;transform:translateY(-2px) !important}
.x53:hover{background:#B5563C !important;color:#FAFAFA !important;border-color:#1F232E !important}
.x54::before{content:'';position:absolute;inset:8px;border:1px solid rgba(181,86,60,0.30);pointer-events:none}
.x54:hover{box-shadow:0 10px 26px rgba(31,35,46,0.16) !important;transform:translateY(-2px) !important}
.x55:hover{background:#B5563C !important;color:#FAFAFA !important;border-color:#1F232E !important}
.x56::before{content:'';position:absolute;inset:8px;border:1px solid rgba(181,86,60,0.30);pointer-events:none}
.x56:hover{box-shadow:0 10px 26px rgba(31,35,46,0.16) !important;transform:translateY(-2px) !important}
.x57:hover{background:#B5563C !important;color:#FAFAFA !important;border-color:#1F232E !important}
.x58::before{content:'';position:absolute;inset:8px;border:1px solid rgba(181,86,60,0.30);pointer-events:none}
.x58:hover{box-shadow:0 10px 26px rgba(31,35,46,0.16) !important;transform:translateY(-2px) !important}
.x59:hover{background:#B5563C !important;color:#FAFAFA !important;border-color:#1F232E !important}
.x60::before{content:'';position:absolute;inset:8px;border:1px solid rgba(181,86,60,0.30);pointer-events:none}
.x60:hover{box-shadow:0 10px 26px rgba(31,35,46,0.16) !important;transform:translateY(-2px) !important}
.x61:hover{background:#B5563C !important;color:#FAFAFA !important;border-color:#1F232E !important}
.x62::before{content:'';position:absolute;inset:8px;border:1px solid rgba(181,86,60,0.30);pointer-events:none}
.x62:hover{box-shadow:0 10px 26px rgba(31,35,46,0.16) !important;transform:translateY(-2px) !important}
.x63:hover{background:#B5563C !important;color:#FAFAFA !important;border-color:#1F232E !important}
.x64::after{content:'\2726';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#B5563C;font-size:0.7rem;line-height:1;background:transparent;padding:0}
.x65::after{content:'\2726';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#B5563C;font-size:0.7rem;line-height:1;background:transparent;padding:0}
.x66::after{content:'\2726';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#B5563C;font-size:0.7rem;line-height:1;background:transparent;padding:0}
.x67::after{content:'\2726';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#B5563C;font-size:0.7rem;line-height:1;background:transparent;padding:0}
.x68:hover{background:#F1E9D8 !important;color:#1F232E !important;border-color:#F1E9D8 !important}
.x69:hover{background:#B5563C !important;color:#FAFAFA !important;border-color:#1F232E !important}
.x70::before{content:'';position:absolute;inset:8px;border:1px solid rgba(181,86,60,0.30);pointer-events:none}
.x71:hover{border-bottom-color:#B5563C !important}
.x72::before{content:'';position:absolute;inset:12px;border:1px solid rgba(181,86,60,0.30);pointer-events:none}
.x73::after{content:'\2726';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#B5563C;font-size:0.7rem;line-height:1;background:transparent;padding:0}
.x74:focus-visible{outline:2px solid #1F232E !important;outline-offset:2px !important}
.x75:focus-visible{outline:2px solid #1F232E !important;outline-offset:2px !important}
.x76:focus-visible{outline:2px solid #1F232E !important;outline-offset:2px !important}
.x77:focus-visible{outline:2px solid #1F232E !important;outline-offset:2px !important}
.x78:focus-visible{outline:2px solid #1F232E !important;outline-offset:2px !important}
.x79:focus-visible{outline:2px solid #1F232E !important;outline-offset:2px !important}
.x80:focus-visible{outline:2px solid #1F232E !important;outline-offset:2px !important}
.x81:focus-visible{outline:2px solid #1F232E !important;outline-offset:2px !important}
.x82:hover{background:#1F232E !important;color:#F1E9D8 !important;border-color:#1F232E !important}
.x83:hover{background:#B5563C !important;color:#FAFAFA !important}
.x84::after{content:'\2726';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#B5563C;font-size:0.7rem;line-height:1;background:transparent;padding:0}
.x85:hover{background:#B5563C !important;color:#FAFAFA !important;border-color:#9E4632 !important}
.x86:hover{background:#B5563C !important;color:#FAFAFA !important;border-color:#9E4632 !important}
.x87:hover{background:#F1E9D8 !important;color:#1F232E !important;border-color:#F1E9D8 !important}
.x88:hover{background:#B5563C !important;color:#FAFAFA !important}
.x89::after{content:'\2726';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#B5563C;font-size:0.7rem;line-height:1;background:transparent;padding:0}
.x90:hover{background:#B5563C !important;color:#FAFAFA !important}
.x91::after{content:'\2726';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#B5563C;font-size:0.7rem;line-height:1;background:transparent;padding:0}
.x92:hover{background:#B5563C !important;color:#FAFAFA !important}
.x93:hover{background:#B5563C !important;color:#FAFAFA !important}
.x94:hover{background:#B5563C !important;color:#FAFAFA !important}

/* ===== Added for the restyled ericlayman.com (Oct 31, 2026) ===== */
html { scroll-behavior: smooth; }
img { max-width: 100%; }
.skip-link { position: absolute; left: -9999px; top: 0; background: #E0A458; color: #1F232E; padding: 10px 16px; z-index: 100; }
.skip-link:focus { left: 12px; top: 12px; }

/* Header: Eric's logo on deep indigo, her link and button style */
.site-head { position: sticky; top: 0; z-index: 50; background: #1F232E; border-bottom: 1px solid rgba(241,233,216,0.12); transition: box-shadow .3s ease; }
.site-head-in { max-width: 1240px; margin: 0 auto; padding: 12px 28px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.brand { display: flex; align-items: center; gap: 12px; text-decoration: none; color: #F1E9D8; flex: 0 0 auto; }
.brand-text { font-family: var(--font-display); font-size: 21px; line-height: 1.05; color: #F1E9D8; letter-spacing: 0.01em; }
.brand-text small { display: block; font-family: var(--font-ui); font-size: 10px; letter-spacing: 0.24em; text-transform: uppercase; color: #E9BC85; margin-top: 4px; }
.site-head nav ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 18px; }
.site-head nav a { font-size: 13.5px; font-weight: 500; letter-spacing: 0.04em; color: #F1E9D8; text-decoration: none; border-bottom: 1px solid transparent; padding-bottom: 3px; transition: color .2s ease, border-color .2s ease; }
.site-head nav a:hover, .site-head nav a[aria-current="page"] { color: #E9BC85; border-bottom-color: #E9BC85; }
.site-head nav a:focus-visible, .nav-toggle:focus-visible { outline: 2px solid #E9BC85; outline-offset: 3px; }
.site-head .nav-cta a { background: #E0A458; color: #1F232E; padding: 12px 20px; border-radius: 2px; font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; border: 0; }
.site-head .nav-cta a:hover { background: #F1E9D8; color: #1F232E; }
.nav-toggle { display: none; background: transparent; color: #F1E9D8; border: 1px solid rgba(241,233,216,0.45); border-radius: 2px; padding: 10px 16px; font: 600 12px var(--font-ui); letter-spacing: 0.14em; text-transform: uppercase; min-height: 44px; cursor: pointer; }
@media (max-width: 1080px) {
  .nav-toggle { display: inline-block; }
  .site-head nav { display: none; position: absolute; left: 0; right: 0; top: 100%; background: #1F232E; border-top: 1px solid rgba(241,233,216,0.12); padding: 8px 28px 22px; }
  .site-head.open nav { display: block; }
  .site-head nav ul { flex-direction: column; align-items: stretch; gap: 0; }
  .site-head nav li a { display: block; padding: 13px 0; font-size: 16px; border-bottom: 1px solid rgba(241,233,216,0.1); }
  .site-head .nav-cta a { text-align: center; margin-top: 14px; padding: 15px; border-bottom: 0; }
}
@media (max-width: 420px) { .brand-text { font-size: 18px; } .site-head-in { padding: 10px 16px; } }

/* Footer extras */
.brand-foot { margin-bottom: 18px; }
.soc { width: 40px; height: 40px; border: 1px solid rgba(237,232,223,0.3); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.soc:hover { border-color: #E0A458; }
.flink:hover { color: #E0A458 !important; }

/* Big brown-terracotta sections with the fine paper grain (Eric's pick, Oct 31, 2026) */
.d-sec { background-color: #8F4E33 !important; background-image: url(/assets/paper-grain.webp); background-repeat: repeat; background-size: 400px 400px; }

/* Forms */
.form-field { display: flex; flex-direction: column; gap: 8px; }
.form-field span { font-size: 12px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: #1F232E; }
.form-field input, .form-field textarea { background: #FAFAFA; border: 1px solid #1F232E; color: #1F232E; padding: 13px; font: 16px var(--font-ui); border-radius: 2px; }
.form-field input:focus-visible, .form-field textarea:focus-visible { outline: 2px solid #1F232E; outline-offset: 2px; }
.btn-gold { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; background: #E0A458; color: #1F232E; border: 1px solid #1F232E; padding: 15px 32px; border-radius: 2px; font: 700 12.5px var(--font-ui); letter-spacing: 0.14em; text-transform: uppercase; text-decoration: none; cursor: pointer; }
.btn-gold:hover { background: #1F232E; color: #F1E9D8; }
.btn-line { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; background: transparent; color: inherit; border: 1px solid currentColor; padding: 15px 30px; border-radius: 2px; font: 700 12.5px var(--font-ui); letter-spacing: 0.14em; text-transform: uppercase; text-decoration: none; }
.btn-line:hover { background: rgba(241,233,216,0.12); }

/* Simple text pages (policies, FAQ answers, etc.) */
.prose { max-width: 820px; margin: 0 auto; padding: clamp(40px,5vw,64px) 28px; font-size: 17px; line-height: 1.75; color: #1F232E; }
.prose h2 { font-family: var(--font-display); font-weight: 400; font-size: clamp(24px,2.6vw,30px); color: #3A4568; margin: 1.8em 0 .5em; line-height: 1.25; }
.prose h3 { font-family: var(--font-display); font-weight: 400; font-size: 21px; color: #3A4568; margin: 1.5em 0 .4em; }
.prose a { color: #7A3620; }
.prose ul, .prose ol { padding-left: 1.3em; }
.prose li { margin-bottom: .4em; }

/* Reveal on scroll (only when JavaScript runs; content is visible without it) */
.js main section.reveal { opacity: 0; transform: translateY(28px); transition: opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1); }
.js main section.reveal.in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .js main section.reveal { opacity: 1; transform: none; transition: none; } }
.no-js [data-quote-card="1"], .js-off [data-quote-card="1"] { opacity: 1; transform: none; }

/* Phone fixes */
form[data-subscribe] input[type=text], form[data-subscribe] input[type=email] { min-width: 0; width: 100%; }
@media (max-width: 700px) {
  form[data-subscribe] { grid-template-columns: 1fr !important; }
  form[data-subscribe] > * { grid-column: 1 !important; }
  footer [style*="grid-template-columns:1.4fr 1fr 1fr 1fr"] { grid-template-columns: 1fr 1fr !important; gap: 32px !important; }
  footer [style*="grid-template-columns:1.4fr 1fr 1fr 1fr"] > div:first-child { grid-column: 1 / -1; }
  [data-badge="1"] img { width: 140px !important; height: 140px !important; min-width: 140px !important; }
}
main, footer { overflow-x: clip; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.video-facade:focus-visible { outline: 3px solid #1F232E; outline-offset: 3px; }
form[name="event-request"] input, form[name="event-request"] textarea { min-width: 0; width: 100%; }
@media (max-width: 700px) {
  form[name="event-request"] { grid-template-columns: 1fr !important; }
  form[name="event-request"] > * { grid-column: 1 !important; }
}

/* Eric's pick, Oct 31 2026: Arial for paragraphs and small text (easier to read, numbers line up). Playfair headings stay. */
:root { --font-ui: Arial, Helvetica, sans-serif; }
body { font-family: var(--font-ui); }
/* Numbers sit level on the line everywhere (prices, years, stats) */
html, body, h1, h2, h3, h4, p, span, li, blockquote, figcaption, a { font-variant-numeric: lining-nums; }
/* Form fields: warm off-white instead of bright white (Eric, Oct 31 2026), still lighter than the cards so it's clear where to type */
input[type=text], input[type=email], input[type=tel], textarea { background: #FDFAF3 !important; }

/* Soft fade on the new Sittings and Classes photos, matching her About portrait (Oct 31 2026) */
.fade-photo { -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 22%, #000 100%); mask-image: linear-gradient(90deg, transparent 0%, #000 22%, #000 100%); }
@media (max-width: 900px) {
  .fade-photo { -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 22%, #000 100%); mask-image: linear-gradient(180deg, transparent 0%, #000 22%, #000 100%); }
}