/* Astra root size as served on dev: rem-based sizes shrink on tablets and phones */ @media (max-width:921px){html{font-size:91.2%}} /* Astra base spacing as served on dev; must come first so page rules still win */ .entry-content p{margin-bottom:1em} .entry-content h2{margin-bottom:.7em} .vl-page-header { display: flex; align-items: center; justify-content: center; gap: 64px; max-width: 1200px; margin: 24px auto 32px; padding: 16px 24px; background: transparent; font-family: Helvetica, Arial, sans-serif; } .vl-page-header .vl-logo { flex: 0 0 auto; } .vl-page-header .vl-logo img { display: block; width: 280px; height: auto; max-width: 100%; } .vl-page-header .vl-tag { font-size: 35.2px; letter-spacing: 0.32em; color: #2b1f16; text-transform: uppercase; text-align: center; line-height: 1.5; font-weight: 800; } .vl-page-header .vl-tag .vl-tag-line { display: block; } @media (max-width: 720px) { .vl-page-header { flex-direction: column; gap: 16px; padding: 12px 16px; margin: 16px auto 24px; } .vl-page-header .vl-tag { text-align: center; font-size: 17.6px; letter-spacing: 0.22em; } .vl-page-header .vl-logo img { width: 220px; } } .vl-in-wrap * { margin: 0; padding: 0; box-sizing: border-box; } .vl-in-wrap { background: #f9f6f1; font-family: 'DM Sans', sans-serif; color: #1a1714; padding: 72px 24px; } .vl-in-inner { max-width: 760px; margin: 0 auto; } .vl-in-wrap .vl-in-tagline { font-family: 'Cormorant Garamond', serif; font-size: clamp(30.8px, 4.40vw, 50.6px); font-weight: 300; line-height: 1.2; color: #1a1714; margin-bottom: 56px; letter-spacing: -0.01em; max-width: 680px; display: block !important; } .vl-in-tagline em { font-style: italic; color: #9a8c7e; } .vl-in-founder { display: grid; grid-template-columns: 88px 1fr; gap: 0 28px; align-items: start; margin-bottom: 52px; padding-bottom: 52px; border-bottom: 1px solid #e5dfd7; } .vl-in-founder-img { width: 88px; height: 88px; border-radius: 50%; object-fit: cover; display: block; filter: grayscale(20%); } .vl-in-founder-img-placeholder { width: 88px; height: 88px; border-radius: 50%; background: #e5dfd7; display: flex; align-items: center; justify-content: center; font-family: 'Cormorant Garamond', serif; font-size: 30.8px; font-weight: 300; color: #9a8c7e; } .vl-in-founder-name { font-family: 'Cormorant Garamond', serif; font-size: 24.2px; font-weight: 500; color: #1a1714; margin-bottom: 6px; line-height: 1.2; } .vl-in-founder-role { font-size: 11.0px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: #c9a96e; margin-bottom: 12px; } .vl-in-founder-quote { font-size: 16.5px; font-weight: 300; line-height: 1.7; color: #4a4540; font-style: italic; } .vl-in-body { font-size: 16.5px; font-weight: 300; line-height: 1.85; color: #4a4540; margin-bottom: 44px; border-left: 2px solid #c9a96e; padding-left: 20px; max-width: 580px; } .vl-in-body p { margin-bottom: 12px; } .vl-in-body p:last-child { margin-bottom: 0; } .vl-in-process-label { font-size: 11.0px; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; color: #9a8c7e; margin-bottom: 24px; font-family: 'DM Sans', sans-serif; } .vl-in-steps { display: flex; flex-direction: column; gap: 0; margin-bottom: 44px; position: relative; } .vl-in-steps::before { content: ''; position: absolute; left: 19px; top: 12px; bottom: 12px; width: 1px; background: linear-gradient(to bottom, #c9a96e 0%, #e5dfd7 100%); } .vl-in-step { display: grid; grid-template-columns: 40px 1fr; gap: 0 24px; padding-bottom: 28px; position: relative; } .vl-in-step:last-child { padding-bottom: 0; } .vl-in-step-dot-wrap { display: flex; align-items: flex-start; padding-top: 6px; z-index: 1; position: relative; } .vl-in-step-dot { width: 10px; height: 10px; border-radius: 50%; background: #c9a96e; flex-shrink: 0; } .vl-in-step-num { font-size: 11.0px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: #c9a96e; margin-bottom: 4px; } .vl-in-step-text { font-size: 16.5px; font-weight: 300; line-height: 1.6; color: #1a1714; } .vl-in-step-text strong { font-weight: 500; } .vl-in-products { background: #1a1714; padding: 36px 40px; margin-bottom: 0; } .vl-in-products-label { font-size: 11.0px; letter-spacing: 0.18em; text-transform: uppercase; color: #c9a96e; font-weight: 500; margin-bottom: 20px; font-family: 'DM Sans', sans-serif; } .vl-in-product-list { display: flex; flex-wrap: wrap; gap: 12px 0; margin-bottom: 16px; align-items: baseline; } .vl-in-product-item { font-family: 'Cormorant Garamond', serif; font-size: clamp(22.0px, 3.30vw, 30.8px); font-weight: 300; color: #f9f6f1; line-height: 1.2; } .vl-in-product-sep { font-family: 'Cormorant Garamond', serif; font-size: 26.4px; font-weight: 300; color: #c9a96e; margin: 0 14px; line-height: 1.2; } .vl-in-product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-bottom: 20px; } .vl-in-product-card { display: flex; flex-direction: column; gap: 12px; } .vl-in-product-name { font-family: 'Cormorant Garamond', serif; font-size: clamp(18.7px, 2.42vw, 26.4px); font-weight: 300; color: #f9f6f1; line-height: 1.2; } .vl-in-product-ph { aspect-ratio: 3 / 4; background: rgba(249,246,241,0.04); border: 1px solid rgba(201,169,110,0.3); display: flex; align-items: center; justify-content: center; } .vl-in-product-ph span { font-size: 9.9px; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(249,246,241,0.35); } .vl-in-products-sub { font-size: 14.3px; font-weight: 300; color: #9a8c7e; line-height: 1.6; font-style: italic; } .vl-in-products-sub strong { color: #f9f6f1; font-weight: 400; font-style: normal; } @media (max-width: 560px) { .vl-in-founder { grid-template-columns: 72px 1fr; gap: 0 20px; } .vl-in-founder-img, .vl-in-founder-img-placeholder { width: 72px; height: 72px; } .vl-in-steps::before { left: 14px; } .vl-in-step { grid-template-columns: 30px 1fr; gap: 0 16px; } .vl-in-products { padding: 28px 24px; } .vl-in-product-sep { margin: 0 8px; } .vl-in-product-grid { grid-template-columns: repeat(2, 1fr); } } .vl-in-wrap .vl-acc{border-top:1px solid #e5dfd7;} .vl-in-wrap .vl-acc summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0;} .vl-in-wrap .vl-acc summary::-webkit-details-marker{display:none;} .vl-in-wrap .vl-acc-heads{display:flex;flex-direction:column;gap:10px;} .vl-in-wrap .vl-acc-eyebrow{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:#9a8c7e;} .vl-in-wrap .vl-acc-title{font-family:'Cormorant Garamond',serif;font-size:clamp(30px,4.2vw,46px);font-weight:300;line-height:1.05;color:#1a1714;letter-spacing:-0.01em;} .vl-in-wrap .vl-acc-icon{font-family:'DM Sans',sans-serif;font-size:34px;font-weight:300;color:#c9a96e;line-height:1;transition:transform 0.25s ease;flex-shrink:0;} .vl-in-wrap .vl-acc[open] .vl-acc-icon{transform:rotate(45deg);} .vl-in-wrap .vl-acc-body{padding:6px 0 36px;} .vl-or-wrap * { margin: 0; padding: 0; box-sizing: border-box; } .vl-or-wrap { background: #f9f6f1; font-family: 'DM Sans', sans-serif; color: #1a1714; padding: 72px 24px; } .vl-or-inner { max-width: 760px; margin: 0 auto; } .vl-or-label { font-family: 'DM Sans', sans-serif; font-size: 11.0px; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; color: #9a8c7e; margin-bottom: 18px; } .vl-or-wrap .vl-or-heading { font-family: 'Cormorant Garamond', serif; font-size: clamp(41.8px, 5.50vw, 63.8px); font-weight: 300; line-height: 1.1; color: #1a1714; margin-bottom: 48px; letter-spacing: -0.01em; display: block !important; } .vl-or-timeline { display: flex; flex-direction: column; gap: 0; position: relative; margin-bottom: 56px; } .vl-or-timeline::before { content: ''; position: absolute; left: 19px; top: 12px; bottom: 12px; width: 1px; background: linear-gradient(to bottom, #c9a96e, #e5dfd7); } .vl-or-node { display: grid; grid-template-columns: 40px 1fr; gap: 0 28px; padding-bottom: 44px; position: relative; } .vl-or-node:last-child { padding-bottom: 0; } .vl-or-dot-wrap { display: flex; flex-direction: column; align-items: center; padding-top: 6px; position: relative; z-index: 1; } .vl-or-dot { width: 10px; height: 10px; border-radius: 50%; background: #c9a96e; flex-shrink: 0; } .vl-or-node-label { font-size: 11.0px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: #c9a96e; margin-bottom: 8px; font-family: 'DM Sans', sans-serif; } .vl-or-wrap .vl-or-node-title { font-family: 'Cormorant Garamond', serif; font-size: 24.2px; font-weight: 500; color: #1a1714; line-height: 1.2; margin-bottom: 10px; display: block !important; } .vl-or-node-body { font-size: 16.5px; font-weight: 300; line-height: 1.8; color: #4a4540; } .vl-or-hook { font-family: 'Cormorant Garamond', serif; font-size: clamp(24.2px, 3.30vw, 30.8px); font-weight: 300; font-style: italic; line-height: 1.45; color: #1a1714; margin-bottom: 52px; max-width: 560px; } .vl-or-position { background: #1a1714; color: #f9f6f1; padding: 36px 40px; margin-bottom: 40px; } .vl-or-position-label { font-size: 11.0px; letter-spacing: 0.18em; text-transform: uppercase; color: #c9a96e; font-weight: 500; margin-bottom: 18px; font-family: 'DM Sans', sans-serif; } .vl-or-position-line { font-family: 'Cormorant Garamond', serif; font-size: clamp(28.6px, 3.85vw, 39.6px); font-weight: 300; line-height: 1.3; color: #f9f6f1; } .vl-or-position-line span { color: #c9a96e; font-style: italic; } .vl-or-position-divider { width: 1px; height: 20px; background: #c9a96e; opacity: 0.4; margin: 4px 0; } .vl-or-position-items { display: flex; flex-direction: column; gap: 0; } .vl-or-closing { font-size: 16.5px; font-weight: 300; line-height: 1.85; color: #4a4540; border-left: 2px solid #c9a96e; padding-left: 20px; max-width: 580px; } .vl-or-closing p { margin-bottom: 14px; } .vl-or-closing p:last-child { margin-bottom: 0; font-style: italic; color: #1a1714; } @media (max-width: 560px) { .vl-or-timeline::before { left: 14px; } .vl-or-node { grid-template-columns: 30px 1fr; gap: 0 16px; } .vl-or-position { padding: 28px 24px; } } .vl-or-wrap .vl-acc{border-top:1px solid #e5dfd7;} .vl-or-wrap .vl-acc summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0;} .vl-or-wrap .vl-acc summary::-webkit-details-marker{display:none;} .vl-or-wrap .vl-acc-heads{display:flex;flex-direction:column;gap:10px;} .vl-or-wrap .vl-acc-eyebrow{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:#9a8c7e;} .vl-or-wrap .vl-acc-title{font-family:'Cormorant Garamond',serif;font-size:clamp(30px,4.2vw,46px);font-weight:300;line-height:1.05;color:#1a1714;letter-spacing:-0.01em;} .vl-or-wrap .vl-acc-icon{font-family:'DM Sans',sans-serif;font-size:34px;font-weight:300;color:#c9a96e;line-height:1;transition:transform 0.25s ease;flex-shrink:0;} .vl-or-wrap .vl-acc[open] .vl-acc-icon{transform:rotate(45deg);} .vl-or-wrap .vl-acc-body{padding:6px 0 36px;} .vl-ps-wrap * { margin: 0; padding: 0; box-sizing: border-box; } .vl-ps-wrap { background: #f9f6f1; font-family: 'DM Sans', sans-serif; color: #1a1714; padding: 72px 24px; } .vl-ps-inner { max-width: 760px; margin: 0 auto; } .vl-ps-label { font-family: 'DM Sans', sans-serif; font-size: 11.0px; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; color: #9a8c7e; margin-bottom: 18px; } .vl-ps-wrap .vl-ps-heading { font-family: 'Cormorant Garamond', serif; font-size: clamp(41.8px, 5.50vw, 63.8px); font-weight: 300; line-height: 1.1; color: #1a1714; margin-bottom: 28px; letter-spacing: -0.01em; display: block !important; } .vl-ps-intro { font-size: 17.6px; font-weight: 300; line-height: 1.8; color: #4a4540; max-width: 600px; margin-bottom: 60px; border-left: 2px solid #c9a96e; padding-left: 20px; } .vl-ps-pillars { display: flex; flex-direction: column; } .vl-ps-pillar { display: grid; grid-template-columns: 64px 1fr; gap: 0 32px; padding: 40px 0; border-bottom: 1px solid #e5dfd7; } .vl-ps-pillar:first-child { border-top: 1px solid #e5dfd7; } .vl-ps-num { font-family: 'Cormorant Garamond', serif; font-size: 61.6px; font-weight: 300; color: #e5dfd7; line-height: 1; padding-top: 4px; user-select: none; } .vl-ps-wrap .vl-ps-title { font-family: 'Cormorant Garamond', serif; font-size: 28.6px; font-weight: 500; color: #1a1714; margin-bottom: 14px; line-height: 1.2; display: block !important; } .vl-ps-body { font-size: 16.5px; font-weight: 300; line-height: 1.8; color: #4a4540; } .vl-ps-body p { margin-bottom: 14px; } .vl-ps-body p:last-child { margin-bottom: 0; } .vl-ps-callout { background: #1a1714; color: #f9f6f1; padding: 28px 32px; margin: 16px 0; } .vl-ps-callout-label { font-size: 11.0px; letter-spacing: 0.18em; text-transform: uppercase; color: #c9a96e; font-weight: 500; margin-bottom: 10px; font-family: 'DM Sans', sans-serif; } .vl-ps-callout-text { font-family: 'Cormorant Garamond', serif; font-size: 24.2px; font-weight: 300; line-height: 1.5; color: #f9f6f1; } .vl-ps-callout-text strong { font-weight: 500; color: #c9a96e; } .vl-ps-closing { margin-top: 60px; padding-top: 48px; border-top: 2px solid #1a1714; display: flex; justify-content: space-between; align-items: center; gap: 40px; flex-wrap: wrap; } .vl-ps-quote { font-family: 'Cormorant Garamond', serif; font-size: 30.8px; font-weight: 300; font-style: italic; line-height: 1.4; color: #1a1714; max-width: 420px; } .vl-ps-cta-wrap { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; flex-shrink: 0; } .vl-ps-cta-note { font-size: 12.1px; letter-spacing: 0.12em; color: #9a8c7e; text-transform: uppercase; font-family: 'DM Sans', sans-serif; } .vl-ps-btn { display: inline-block; background: #1a1714; color: #f9f6f1 !important; font-family: 'DM Sans', sans-serif; font-size: 13.2px; font-weight: 500; letter-spacing: 0.15em; text-transform: uppercase; padding: 16px 32px; text-decoration: none !important; transition: background 0.2s ease, color 0.2s ease; border: none; cursor: pointer; } .vl-ps-btn:hover { background: #c9a96e !important; color: #1a1714 !important; } @media (max-width: 560px) { .vl-ps-pillar { grid-template-columns: 44px 1fr; gap: 0 20px; } .vl-ps-num { font-size: 44.0px; } .vl-ps-closing { flex-direction: column; align-items: flex-start; } .vl-ps-cta-wrap { align-items: flex-start; } } .vl-ps-wrap .vl-acc{border-top:1px solid #e5dfd7;} .vl-ps-wrap .vl-acc summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0;} .vl-ps-wrap .vl-acc summary::-webkit-details-marker{display:none;} .vl-ps-wrap .vl-acc-heads{display:flex;flex-direction:column;gap:10px;} .vl-ps-wrap .vl-acc-eyebrow{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:#9a8c7e;} .vl-ps-wrap .vl-acc-title{font-family:'Cormorant Garamond',serif;font-size:clamp(30px,4.2vw,46px);font-weight:300;line-height:1.05;color:#1a1714;letter-spacing:-0.01em;} .vl-ps-wrap .vl-acc-icon{font-family:'DM Sans',sans-serif;font-size:34px;font-weight:300;color:#c9a96e;line-height:1;transition:transform 0.25s ease;flex-shrink:0;} .vl-ps-wrap .vl-acc[open] .vl-acc-icon{transform:rotate(45deg);} .vl-ps-wrap .vl-acc-body{padding:6px 0 36px;} .vl-terr-section { font-family: Helvetica, Arial, sans-serif; color: #2b1f16; margin: 40px 0; } .vl-terr-hero { text-align: center; padding: 24px 16px 16px; max-width: 880px; margin: 0 auto; } .vl-terr-hero h2 { font-size: 26px; font-weight: 700; margin: 0 0 12px; letter-spacing: -0.01em; color: #2b1f16; } .vl-terr-hero p { color: #7a6a5b; font-size: 16px; max-width: 640px; margin: 0 auto 20px; } .vl-terr-legend { display: flex; justify-content: center; gap: 18px; flex-wrap: wrap; margin: 0 auto 20px; font-size: 13px; color: #7a6a5b; } .vl-terr-legend-item { display: flex; align-items: center; gap: 8px; } .vl-terr-legend-dot { width: 12px; height: 12px; border-radius: 50%; box-shadow: 0 0 0 2px #fffbf9; } .vl-terr-legend-dot.open { background: #4caf50; } .vl-terr-legend-dot.review { background: #f5a623; } .vl-terr-legend-dot.filled { background: #e23b3b; } .vl-terr-legend-dot.full { background: #1a1a1a; } .vl-terr-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; max-width: 1100px; margin: 24px auto; padding: 0 16px; } .vl-terr-stat-card { background: #fffbf9; border: 1px solid #e6dccf; border-radius: 10px; padding: 16px 12px; text-align: center; } .vl-terr-stat-card .vl-num { font-size: 26px; font-weight: 700; color: #3a2c20; line-height: 1.1; } .vl-terr-stat-card .vl-label { font-size: 12px; color: #7a6a5b; margin-top: 4px; } .vl-terr-map-wrap { position: relative; max-width: 1100px; margin: 0 auto; padding: 0 16px; } #vl-territories-map { height: 540px; border-radius: 12px; box-shadow: 0 2px 18px rgba(58, 44, 32, 0.08); border: 1px solid #e6dccf; z-index: 1; } #vl-terr-panel { position: absolute; right: 32px; top: 16px; width: 300px; background: #fffbf9; border-radius: 10px; box-shadow: 0 4px 24px rgba(58, 44, 32, 0.18); padding: 20px; z-index: 600; border: 1px solid #e6dccf; display: none; max-height: 520px; overflow-y: auto; } #vl-terr-panel.vl-open { display: block; } #vl-terr-panel .vl-close { position: absolute; top: 8px; right: 12px; background: none; border: none; font-size: 24px; color: #7a6a5b; cursor: pointer; line-height: 1; padding: 0; } #vl-terr-panel h3 { font-size: 20px; margin: 0 0 4px; color: #2b1f16; } #vl-terr-panel .vl-country { font-size: 12px; color: #7a6a5b; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 12px; } .vl-status-badge { display: inline-block; padding: 4px 10px; border-radius: 999px; font-size: 11px; font-weight: 700; margin-bottom: 16px; text-transform: uppercase; letter-spacing: 0.04em; } .vl-status-badge.open { background: #e7f4e9; color: #2e7d32; } .vl-status-badge.review { background: #fcefe3; color: #b66629; } .vl-status-badge.filled { background: #f9e1df; color: #a72d28; } .vl-status-badge.full { background: #ece5dd; color: #3a2c20; } .vl-terr-stat-row { display: flex; justify-content: space-between; font-size: 14px; padding: 8px 0; border-bottom: 1px solid #e6dccf; } .vl-terr-stat-row:last-of-type { border: none; } .vl-terr-stat-row span:first-child { color: #7a6a5b; } .vl-terr-stat-row span:last-child { font-weight: 600; } .vl-terr-cta { display: block; width: 100%; text-align: center; background: #e23b3b; color: #fff !important; text-decoration: none; padding: 12px; border-radius: 8px; font-weight: 700; margin-top: 16px; font-size: 14px; letter-spacing: 0.02em; border: none; cursor: pointer; font-family: inherit; } .vl-terr-cta:hover { background: #c43e3a; color: #fff !important; } .vl-terr-cta.vl-secondary { background: transparent; color: #3a2c20 !important; border: 1.5px solid #3a2c20; margin-top: 8px; } @media (max-width: 720px) { #vl-terr-panel { position: fixed; bottom: 0; left: 0; right: 0; top: auto; width: 100%; max-height: 70vh; border-radius: 16px 16px 0 0; } .vl-terr-stats { grid-template-columns: repeat(2, 1fr); } } #vl-terr-panel .vl-pc-x{position:absolute;top:14px;right:16px;background:none;border:none;font-size:22px;line-height:1;color:#9a8c7e;cursor:pointer;padding:0;z-index:2;} #vl-terr-panel .vl-pc-head{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-right:24px;} #vl-terr-panel .vl-pc-pin{color:#1a1714;flex-shrink:0;} #vl-terr-panel .vl-pc-nm{min-width:0;flex:1;} #vl-terr-panel .vl-pc-name{font-family:'DM Sans',sans-serif;font-size:18px;font-weight:500;color:#1a1714;line-height:1.2;} #vl-terr-panel .vl-pc-region{font-size:12px;color:#9a8c7e;margin-top:2px;} #vl-terr-panel .vl-pc-badge{display:inline-block;font-size:13px;font-weight:500;padding:6px 14px;border-radius:999px;} #vl-terr-panel .vl-pc-badge-sm{font-size:11px;font-weight:500;padding:3px 10px;border-radius:20px;white-space:nowrap;margin-left:auto;flex-shrink:0;} #vl-terr-panel .vl-pc-open{background:#e7f4e9;color:#2e7d32;} #vl-terr-panel .vl-pc-filling{background:#fcebe9;color:#c0392b;} #vl-terr-panel .vl-pc-review{background:#fdf0dd;color:#b66629;} #vl-terr-panel .vl-pc-full{background:#efece7;color:#3a2c20;} #vl-terr-panel .vl-pc-meta{font-size:14px;color:#4a4540;padding-top:16px;margin-top:16px;border-top:1px solid #ece5dd;margin-bottom:12px;} #vl-terr-panel .vl-pc-dots{display:flex;gap:7px;margin-bottom:10px;flex-wrap:wrap;} #vl-terr-panel .vl-pc-dot{width:11px;height:11px;border-radius:50%;} #vl-terr-panel .vl-pc-dot.free{background:#4caf50;} #vl-terr-panel .vl-pc-dot.claimed{background:#cfc8bd;} #vl-terr-panel .vl-pc-claimed{font-size:14px;color:#1a1714;margin-bottom:18px;} #vl-terr-panel .vl-pc-wait{display:flex;align-items:center;gap:8px;background:#f4efe7;color:#6b5d4f;font-size:13px;padding:12px 14px;border-radius:10px;margin-bottom:12px;line-height:1.35;} #vl-terr-panel .vl-pc-wait svg{flex-shrink:0;color:#9a8c7e;} #vl-terr-panel .vl-pc-btn{display:block;text-align:center;font-family:'DM Sans',sans-serif;font-size:14px;font-weight:500;color:#1a1714;background:#fff;border:1px solid #d8cfc2;border-radius:10px;padding:13px;cursor:pointer;width:100%;box-sizing:border-box;margin-bottom:10px;text-transform:none;letter-spacing:normal;} #vl-terr-panel .vl-pc-btn:hover{background:#f6f1ea;} #vl-terr-panel .vl-pc-link{display:block;width:100%;text-align:center;background:none;border:none;font-size:14px;color:#4a4540;cursor:pointer;padding:4px;text-transform:none;letter-spacing:normal;} #vl-terr-panel .vl-pc-link:hover{color:#1a1714;} #vl-terr-panel .vl-pc-div{height:1px;background:#f0ede8;margin:0 0 18px;} #vl-terr-panel .vl-pc-h2{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:500;color:#1a1714;line-height:1.2;margin-bottom:6px;} #vl-terr-panel .vl-pc-sub{font-size:13px;color:#78716c;line-height:1.6;margin-bottom:20px;} #vl-terr-panel .vl-pc-field{margin-bottom:14px;} #vl-terr-panel .vl-pc-flabel{font-size:12px;color:#6b6560;margin-bottom:5px;} #vl-terr-panel .vl-pc-input{width:100%;height:44px;border:1px solid #e8e2d9;border-radius:6px;padding:0 14px;font-family:'DM Sans',sans-serif;font-size:14px;color:#1c1917;background:#fff;outline:none;box-sizing:border-box;} #vl-terr-panel .vl-pc-input:focus{border-color:#c9a96e;} #vl-terr-panel .vl-pc-submit{width:100%;height:46px;background:#1c1917;color:#fff;border:none;border-radius:6px;font-family:'DM Sans',sans-serif;font-size:14px;font-weight:500;letter-spacing:.02em;cursor:pointer;margin:8px 0 16px;} #vl-terr-panel .vl-pc-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;} #vl-terr-panel .vl-pc-foot-l{display:flex;align-items:center;gap:5px;font-size:12px;color:#a09890;} #vl-terr-panel .vl-pc-foot-l svg{flex-shrink:0;} #vl-terr-panel .vl-pc-foot-r{font-size:12px;color:#6b6560;cursor:pointer;background:none;border:none;padding:0;} #vl-terr-panel .vl-pc-success{text-align:center;padding:1rem 0;} #vl-terr-panel .vl-pc-check{width:48px;height:48px;border-radius:50%;background:#eef4f0;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;color:#4a7c59;} #vl-terr-panel .vl-pc-succ-h{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:500;color:#1a1714;margin-bottom:8px;} #vl-terr-panel .vl-pc-succ-t{font-size:13px;color:#78716c;line-height:1.7;} .srfm-form-container-34334{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;} .vl-howwework-card { background: #fff8f1; border: 1px solid #e6dccf; border-radius: 14px; padding: 32px 28px; margin: 36px auto; max-width: 720px; text-align: center; font-family: Helvetica, Arial, sans-serif; box-shadow: 0 2px 14px rgba(58,44,32,0.06); } .vl-howwework-card .vl-icon { font-size: 36px; line-height: 1; margin-bottom: 8px; } .vl-howwework-card h3 { font-size: 22px; font-weight: 700; margin: 8px 0 12px; color: #2b1f16; letter-spacing: -0.01em; } .vl-howwework-card p { font-size: 15px; color: #5a4434; line-height: 1.55; margin: 0 auto 22px; max-width: 520px; } .vl-howwework-card .vl-meta { display: inline-flex; align-items: center; gap: 18px; font-size: 12px; color: #7a6a5b; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 20px; } .vl-howwework-card .vl-meta span:before { content: "ยท"; margin-right: 18px; color: #c8c0b5; } .vl-howwework-card .vl-meta span:first-child:before { content: ""; margin: 0; } .vl-howwework-card a.vl-dlbtn { display: inline-block; background: #d9534f; color: #fff !important; text-decoration: none; padding: 14px 32px; border-radius: 8px; font-weight: 700; font-size: 15px; letter-spacing: 0.02em; transition: background 0.2s; } .vl-howwework-card a.vl-dlbtn:hover { background: #c43e3a; color: #fff !important; } .vl-howwework-card .vl-footnote { font-size: 12px; color: #a39788; margin-top: 16px; font-style: italic; } /* Need to check and remove the input variables related to the Style Tab. */ .srfm-form-container-34334 { /* New test variables */ --srfm-color-scheme-primary: #111C44; --srfm-color-scheme-text-on-primary: #FFFFFF; --srfm-color-scheme-text: #1E1E1E; --srfm-quill-editor-color: #111C44; --srfm-color-input-label: #1E1E1E; --srfm-color-input-description: hsl( from #1E1E1E h s l / 0.65 ); --srfm-color-input-placeholder: hsl( from #1E1E1E h s l / 0.5 ); --srfm-color-input-text: #1E1E1E; --srfm-color-input-prefix: hsl( from #1E1E1E h s l / 0.65 ); --srfm-color-input-background: hsl( from #1E1E1E h s l / 0.02 ); --srfm-color-input-background-hover: hsl( from #1E1E1E h s l / 0.05 ); --srfm-color-input-background-disabled: hsl( from #1E1E1E h s l / 0.07 ); --srfm-color-input-border: hsl( from #1E1E1E h s l / 0.25 ); --srfm-color-input-border-disabled: hsl( from #1E1E1E h s l / 0.15 ); --srfm-color-multi-choice-svg: hsl( from #1E1E1E h s l / 0.7 ); --srfm-color-input-border-hover: hsl( from #111C44 h s l / 0.65 ); --srfm-color-input-border-focus-glow: hsl( from #111C44 h s l / 0.15 ); --srfm-color-input-selected: hsl( from #111C44 h s l / 0.1 ); --srfm-btn-color-hover: hsl( from #111C44 h s l / 0.9 ); --srfm-btn-color-disabled: hsl( from #111C44 h s l / 0.25 ); /* Dropdown Variables */ --srfm-dropdown-input-background-hover: hsl( from #1E1E1E h s l / 0.05 ); --srfm-dropdown-option-background-hover: hsl( from #1E1E1E h s l / 0.10 ); --srfm-dropdown-option-background-selected: hsl( from #1E1E1E h s l / 0.05 ); --srfm-dropdown-option-selected-icon: hsl( from #1E1E1E h s l / 0.65 ); --srfm-dropdown-option-text-color: hsl( from #1E1E1E h s l / 0.80 ); --srfm-dropdown-option-selected-text: #1E1E1E; --srfm-dropdown-badge-background: hsl( from #1E1E1E h s l / 0.05 ); --srfm-dropdown-badge-background-hover: hsl( from #1E1E1E h s l / 0.10 ); --srfm-dropdown-menu-border-color: hsl( from #1E1E1E h s l / 0.10 ); --srfm-dropdown-placeholder-color: hsl( from #1E1E1E h s l / 0.50 ); --srfm-dropdown-icon-color: hsl( from #1E1E1E h s l / 0.65 ); --srfm-dropdown-icon-disabled: hsl( from #1E1E1E h s l / 0.25 ); /* Background Control Variables */ --srfm-instant-form-padding-top: 32px;--srfm-instant-form-padding-right: 32px;--srfm-instant-form-padding-bottom: 32px;--srfm-instant-form-padding-left: 32px;--srfm-instant-form-border-radius-top: 12px;--srfm-instant-form-border-radius-right: 12px;--srfm-instant-form-border-radius-bottom: 12px;--srfm-instant-form-border-radius-left: 12px;--srfm-form-padding-top: 0px;--srfm-form-padding-right: 0px;--srfm-form-padding-bottom: 0px;--srfm-form-padding-left: 0px;--srfm-form-border-radius-top: 0px;--srfm-form-border-radius-right: 0px;--srfm-form-border-radius-bottom: 0px;--srfm-form-border-radius-left: 0px;--srfm-bg-color: #ffffff;--srfm-bg-overlay-opacity: 1; --srfm-row-gap-between-blocks: 18px;--srfm-address-label-font-size: 16px;--srfm-address-label-line-height: 24px;--srfm-address-description-font-size: 14px;--srfm-address-description-line-height: 20px;--srfm-col-gap-between-fields: 16px;--srfm-row-gap-between-fields: 16px;--srfm-gap-below-address-label: 14px;--srfm-dropdown-font-size: 14px;--srfm-dropdown-gap-between-input-menu: 4px;--srfm-dropdown-badge-padding: 2px 6px;--srfm-dropdown-multiselect-font-size: 12px;--srfm-dropdown-multiselect-line-height: 16px;--srfm-dropdown-padding-right: 12px;--srfm-dropdown-padding-right-icon: calc( var( --srfm-dropdown-padding-right ) + 20px );--srfm-dropdown-multiselect-padding: 8px var( --srfm-dropdown-padding-right-icon ) 8px 8px;--srfm-input-height: 44px;--srfm-input-field-padding: 10px 12px;--srfm-input-field-font-size: 16px;--srfm-input-field-line-height: 24px;--srfm-input-field-margin-top: 6px;--srfm-input-field-margin-bottom: 6px;--srfm-checkbox-label-font-size: 16px;--srfm-checkbox-label-line-height: 24px;--srfm-checkbox-description-font-size: 14px;--srfm-checkbox-description-line-height: 20px;--srfm-check-ctn-width: 16px;--srfm-check-ctn-height: 16px;--srfm-check-svg-size: 10px;--srfm-checkbox-margin-top-frontend: 4px;--srfm-checkbox-margin-top-editor: 6px;--srfm-check-gap: 8px;--srfm-checkbox-description-margin-left: 24px;--srfm-flag-section-padding: 10px 0 10px 12px;--srfm-gap-between-icon-text: 8px;--srfm-label-font-size: 16px;--srfm-label-line-height: 24px;--srfm-description-font-size: 14px;--srfm-description-line-height: 20px;--srfm-btn-padding: 10px 14px;--srfm-btn-font-size: 16px;--srfm-btn-line-height: 24px;--srfm-multi-choice-horizontal-padding: 20px;--srfm-multi-choice-vertical-padding: 20px;--srfm-multi-choice-internal-option-gap: 8px;--srfm-multi-choice-vertical-svg-size: 40px;--srfm-multi-choice-horizontal-image-size: 24px;--srfm-multi-choice-vertical-image-size: 120px;--srfm-multi-choice-outer-padding: 2px; } .vl-soon-marker{ animation: vlSoonPulse 1.8s ease-in-out infinite; } @keyframes vlSoonPulse{ 0%{opacity:0.9} 50%{opacity:0.4} 100%{opacity:0.9} } #vl-soon-modal{ position:fixed; inset:0; background:rgba(40,30,20,0.55); z-index:99999; display:none; align-items:center; justify-content:center; padding:16px; font-family:'DM Sans',system-ui,Arial,sans-serif; } #vl-soon-modal.vl-show{ display:flex; } .vl-soon-card{ background:#fff; max-width:420px; width:100%; border-radius:16px; padding:26px 24px; box-shadow:0 20px 60px rgba(0,0,0,0.3); color:#3a2c20; } .vl-soon-card h3{ font-family:'Cormorant Garamond',Georgia,serif; font-size:26px; margin:0 0 4px; } .vl-soon-badge{ display:inline-block; background:#eef0f4; color:#5b6472; font-size:12px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; padding:4px 10px; border-radius:999px; margin-bottom:12px; } .vl-soon-card p{ font-size:14px; color:#6f6052; margin:0 0 6px; line-height:1.5; } .vl-soon-card label{ display:block; font-size:12px; font-weight:600; color:#7a6a5b; margin:10px 0 4px; } .vl-soon-card input{ width:100%; padding:10px 12px; border:1px solid #d8cdbd; border-radius:9px; font-size:14px; font-family:inherit; box-sizing:border-box; } .vl-soon-actions{ display:flex; gap:10px; margin-top:18px; } .vl-soon-actions button{ flex:1; cursor:pointer; border-radius:999px; padding:11px 16px; font-size:14px; font-weight:700; font-family:inherit; border:1px solid #3a2c20; } .vl-soon-go{ background:#3a2c20; color:#fff; } .vl-soon-cancel{ background:#fff; color:#3a2c20; } .vl-soon-msg{ text-align:center; padding:14px 0 2px; font-size:14px; color:#2f7d36; font-weight:600; line-height:1.5; } #vl-apply-modal{ position:fixed; inset:0; background:rgba(40,30,20,0.55); z-index:100000; display:none; align-items:center; justify-content:center; padding:16px; font-family:'DM Sans',system-ui,Arial,sans-serif; } #vl-apply-modal.vl-show{ display:flex; } .vl-ap-card{ background:#fff; max-width:430px; width:100%; border-radius:16px; padding:26px 24px; box-shadow:0 20px 60px rgba(0,0,0,0.3); color:#3a2c20; } .vl-ap-card h3{ font-family:'Cormorant Garamond',Georgia,serif; font-size:27px; margin:0 0 4px; } .vl-ap-badge{ display:inline-block; background:#f3ece1; color:#7a6a59; font-size:12px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; padding:4px 10px; border-radius:999px; margin-bottom:12px; } .vl-ap-card p{ font-size:14px; color:#6f6052; margin:0 0 10px; line-height:1.5; } .vl-ap-card label{ display:block; font-size:12px; font-weight:600; color:#7a6a5b; margin:10px 0 4px; } .vl-ap-card input{ width:100%; padding:10px 12px; border:1px solid #d8cdbd; border-radius:9px; font-size:14px; font-family:inherit; box-sizing:border-box; } .vl-ap-actions{ display:flex; gap:10px; margin-top:18px; } .vl-ap-actions button{ flex:1; cursor:pointer; border-radius:999px; padding:11px 16px; font-size:14px; font-weight:700; font-family:inherit; border:1px solid #3a2c20; } .vl-ap-go{ background:#3a2c20; color:#fff; } .vl-ap-cancel{ background:#fff; color:#3a2c20; } .vl-ap-msg{ text-align:center; padding:14px 0 2px; font-size:14px; color:#2f7d36; font-weight:600; line-height:1.5; } #colophon{display:none!important;} .vlhf{background:#181410!important;color:#ece4d7!important;font-family:'Inter',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif;} .vlhf *{box-sizing:border-box;} .vlhf .vlhf-top{max-width:1180px;margin:0 auto;padding:64px 32px 40px;display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:48px;} .vlhf .vlhf-logo{width:150px;height:auto;display:block;margin-bottom:22px;} .vlhf .vlhf-bold{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;margin-bottom:12px;color:#ece4d7!important;} .vlhf .vlhf-tag{font-size:14px;line-height:1.6;color:#a89a86!important;max-width:260px;margin:0;} .vlhf h4{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#c7a973!important;margin:0 0 16px;font-weight:600;} .vlhf .vlhf-col a{display:block;color:#ece4d7!important;text-decoration:none;font-size:14.5px;line-height:1;padding:9px 0;transition:color .18s;} .vlhf .vlhf-col a:hover{color:#c7a973;} .vlhf .vlhf-bar{border-top:1px solid rgba(255,255,255,.10);background:#120f0c;} .vlhf .vlhf-bar-in{max-width:1180px;margin:0 auto;padding:22px 32px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;} .vlhf .vlhf-copy{font-size:13px;color:#a89a86!important;} .vlhf .vlhf-copy b{color:#ece4d7!important;font-weight:500;} .vlhf .vlhf-social{display:flex;gap:14px;} .vlhf .vlhf-social a{width:34px;height:34px;border:1px solid rgba(255,255,255,.45);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffff;transition:all .18s;} .vlhf .vlhf-social a:hover{color:#181410;background:#c7a973;border-color:#c7a973;} .vlhf .vlhf-social svg{width:16px;height:16px;fill:currentColor;} @media(max-width:900px){.vlhf .vlhf-top{grid-template-columns:1fr 1fr;gap:36px;padding:48px 28px 32px;}.vlhf .vlhf-brand{grid-column:1/-1;}} @media(max-width:560px){.vlhf .vlhf-top{grid-template-columns:1fr;gap:30px;}.vlhf .vlhf-bar-in{flex-direction:column;align-items:flex-start;}} /* Astra wrapper rules as served on dev, so the page sits at the same offset and width */ .ast-container{margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;max-width:100%} .ast-separate-container #primary{width:100%;padding:4em 0;margin:0;border:0} .ast-separate-container .ast-article-single{margin:0;padding:5.34em 6.67em;background:#fafafa} .woocommerce-js h2{display:none !important} @media (min-width:922px){.ast-container{max-width:1240px}.site-content .ast-container{display:flex}} @media (min-width:993px){.ast-separate-container #primary{margin:4em 0;padding:0}} @media (max-width:1200px){.ast-separate-container .ast-article-single{margin:0;padding:3.34em 2.4em}} @media (max-width:992px){.ast-separate-container #primary{padding-left:0;padding-right:0}} @media (max-width:921px){.ast-separate-container #primary{padding:1.5em 0}.ast-separate-container .ast-article-single{padding:1.5em 2.14em}} @media (max-width:544px){.ast-separate-container #content .ast-container{padding-left:0.54em;padding-right:0.54em}} /* Key-less OpenStreetMap tiles, faded to dev's pale map look */ #vl-territories-map .leaflet-tile-pane{filter:grayscale(1) brightness(1.08) contrast(.9)} /* Astra base rules as served on dev; Tailwind preflight would otherwise win */ html body{font-weight:300;line-height:1.85714285714286} h3:where(.ast-separate-container *,.vl *),.vlhf h3{font-family:"Jost",sans-serif;line-height:1.3em} h4:where(.ast-separate-container *,.vl *),.vlhf h4{font-family:"Jost",sans-serif;line-height:1.2em} button:where(.vl *){font-weight:600;line-height:1em;text-transform:uppercase;letter-spacing:2px} @media (max-width:544px){.ast-separate-container .ast-article-single{padding:1.5em 1em}} /* ---- Google Translate cosmetic cleanup (VNL-223, copied from vnl-globe-switcher.php 1.0.6) ---- */ .goog-te-banner-frame.skiptranslate, .goog-te-gadget-icon, #goog-gt-tt, iframe.skiptranslate, .skiptranslate iframe, .VIpgJd-ZVi9od-ORHb-OEVmcd, .goog-te-balloon-frame { display: none !important; visibility: hidden !important; } .goog-tooltip, .goog-tooltip:hover { display: none !important; } .goog-text-highlight { background: none !important; box-shadow: none !important; } body { top: 0 !important; position: static !important; min-height: 0 !important; } html { margin-top: 0 !important; } #google_translate_element { display: none !important; }