/* The entrance shares Vando's Manrope, ink, timber and warm light. No editor rules. */
#vn-home.page{--home-paper:#f4f2eb;--home-surface:#e9e8df;--home-ink:#25372e;--home-muted:#606960;--home-line:#d5d9ce;background:var(--home-paper);color:var(--home-ink);scroll-behavior:smooth;scroll-padding-top:24px}
html[data-theme=dark] #vn-home.page{--home-paper:#202923;--home-surface:#2c362d;--home-ink:#f1f0e8;--home-muted:#b6c0b4;--home-line:#424d41}
#vn-home .home-bound{width:calc(100% - 96px);max-width:1440px;margin-inline:auto;box-sizing:border-box}
#vn-home.page .home-landing.scroll{overflow:hidden;display:block;max-width:none;width:auto;margin:0;padding:0}
#vn-home .home-nav{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--home-line)}
#vn-home .home-nav-note{font-size:10px;font-weight:750;letter-spacing:.18em}
#vn-home .home-nav>div{display:flex;align-items:center;gap:28px}
#vn-home .home-nav button,#vn-home .home-nav a{font-size:12px;font-weight:650;color:var(--home-ink);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:7px;padding:0}
#vn-home .home-nav svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6}
#vn-home .home-hero{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:4%;padding-block:64px 56px}
#vn-home .home-eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:750;letter-spacing:.14em;line-height:1.5;text-transform:uppercase}
#vn-home .home-eyebrow>span{height:6px;width:6px;background:#c79b52;border-radius:50%;flex:none}
#vn-home .home-hero h1{font-size:clamp(44px,5.15vw,78px);line-height:1.03;letter-spacing:-.065em;font-weight:650;margin:24px 0 26px}
#vn-home .home-hero h1>span{color:var(--home-muted)}
#vn-home .home-intro{font-size:16px;line-height:1.75;max-width:36ch;color:var(--home-muted)}
#vn-home .home-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}
#vn-home .home-button{height:52px;box-sizing:border-box;padding:0 21px;border:1px solid transparent;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:20px;text-decoration:none;font-size:13px;font-weight:750;line-height:1.3;cursor:pointer;transition:background-color .2s,transform .2s,box-shadow .2s}
#vn-home .home-primary{color:#f5f3e9;background:#293d30;box-shadow:0 3px 8px #15261a14}
html[data-theme=dark] #vn-home .home-primary{color:#1e2c23;background:#e8e8d9}
#vn-home .home-secondary{border-color:var(--home-line);color:var(--home-ink);background:transparent}
#vn-home .home-button svg,#vn-home .home-text-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
#vn-home .home-small{font-size:11px;line-height:1.5;color:var(--home-muted);margin-top:14px}
#vn-home .home-hero-scene{min-width:0;background:#e8e4d8;border:1px solid #d6d5c8;border-radius:12px;box-shadow:0 22px 46px -32px #1b302d90;overflow:hidden;transform:rotate(-1deg)}
html[data-theme=dark] #vn-home .home-hero-scene{background:#3a3e34;border-color:#56604f}
#vn-home .home-scene-top{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:8px;letter-spacing:.13em;font-weight:750;color:#53604e;border-bottom:1px solid #757b5f25}
html[data-theme=dark] #vn-home .home-scene-top{color:#d4ddc8}
#vn-home .home-scene-top>span:first-child{display:flex;align-items:center;gap:7px}
#vn-home .home-scene-top i{width:5px;height:5px;background:#a48640;border-radius:50%}
#vn-home .home-scene-link{position:relative;width:100%;display:block;padding:0;overflow:hidden;color:inherit}
#vn-home .home-hero-image{width:100%;height:auto;aspect-ratio:1.44;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
#vn-home .home-scene-invite{position:absolute;right:18px;bottom:18px;display:flex;gap:16px;align-items:center;background:#f4f1e5eF;color:#263a2e;padding:12px 15px;border-radius:5px;backdrop-filter:blur(8px);font-size:11px;font-weight:750;box-shadow:0 2px 9px #18251418}
#vn-home .home-scene-invite svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5}
#vn-home .home-scene-bottom{padding:19px 20px;display:flex;justify-content:space-between;align-items:center;color:#273b2e;border-top:1px solid #757b5f25}
html[data-theme=dark] #vn-home .home-scene-bottom{color:#f0f0df}
#vn-home .home-scene-bottom b{font-weight:650;font-size:13px;display:block}
#vn-home .home-scene-bottom small{display:block;font-size:10px;opacity:.72;margin-top:5px}
#vn-home .home-scene-count{font-size:24px;font-weight:400;letter-spacing:-.08em;opacity:.5}
#vn-home .home-promise{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--home-line);border-bottom:1px solid var(--home-line);padding-block:23px;margin-bottom:90px}
#vn-home .home-promise>span{display:flex;align-items:center;justify-content:center;gap:13px;font-size:12px;font-weight:650}
#vn-home .home-promise>span+span{border-left:1px solid var(--home-line)}
#vn-home .home-promise svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.25;color:var(--home-muted)}
#vn-home .home-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:36px}
#vn-home h2{font-size:clamp(28px,3.1vw,46px);font-weight:600;letter-spacing:-.045em;line-height:1.15}
#vn-home .home-section-heading h2{margin-top:15px}
#vn-home .home-section-heading>p,#vn-home .home-anywhere-heading>p:last-child{font-size:14px;line-height:1.8;color:var(--home-muted)}
#vn-home .home-workflow{display:grid;grid-template-columns:1fr 1.12fr;gap:4%;align-items:stretch}
#vn-home .home-stage-list{display:flex;flex-direction:column;justify-content:center}
#vn-home .home-stage{padding:26px 20px 26px 0;display:flex;gap:18px;align-items:flex-start;text-align:left;color:var(--home-muted);border:0;border-bottom:1px solid var(--home-line);transition:background-color .25s,padding .25s;border-radius:0}
#vn-home .home-stage:first-child{border-top:1px solid var(--home-line)}
#vn-home .home-stage-num{font-size:11px;line-height:1.5;font-weight:500;flex:none;margin-top:2px}
#vn-home .home-stage>span:nth-child(2){flex:1;min-width:0}
#vn-home .home-stage-kicker{display:block;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
#vn-home .home-stage strong{display:block;font-size:18px;font-weight:650;line-height:1.4;letter-spacing:-.025em}
#vn-home .home-stage-text{display:block;font-size:13px;line-height:1.7;margin-top:12px;max-width:39ch}
#vn-home .home-stage>svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;margin-top:2px;transition:transform .25s}
#vn-home .home-stage.is-active{color:var(--home-ink);background:var(--home-surface);padding-left:20px;border-radius:6px}
#vn-home .home-stage:not(.is-active) .home-stage-text{display:none}
#vn-home .home-proof{background:var(--home-surface);border:1px solid var(--home-line);border-radius:10px;padding:22px;min-width:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:480px}
#vn-home .home-proof-label{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;color:var(--home-muted);letter-spacing:.03em}
#vn-home .home-proof-label svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.2}
#vn-home .home-proof-media{height:365px;max-width:100%;display:grid;place-items:center;margin:20px 0}
#vn-home .home-proof-media img{max-width:100%;width:auto;height:100%;object-fit:contain;border-radius:5px;box-shadow:0 12px 30px #14251b20;animation:home-proof-in .45s ease both}
#vn-home [data-home-proof=layout] .home-proof-media{height:auto;min-height:330px}
#vn-home [data-home-proof=layout] .home-proof-media img{width:100%;height:auto}
#vn-home .home-proof>p{font-size:13px;line-height:1.5;text-align:center;font-weight:650}
#vn-home .home-proof-caption{font-size:9px;color:var(--home-muted);margin-top:7px}
#vn-home .home-anywhere{margin-top:110px;padding-top:60px;border-top:1px solid var(--home-line)}
#vn-home .home-anywhere-heading h2{margin:16px 0}
#vn-home .home-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:42px}
#vn-home .home-mode-grid article{padding-top:21px;border-top:1px solid var(--home-line)}
#vn-home .home-mode-number{font-size:9px;font-weight:750;letter-spacing:.1em;color:var(--home-muted)}
#vn-home .home-mode-grid h3{font-size:22px;font-weight:600;letter-spacing:-.04em;margin:18px 0 12px}
#vn-home .home-mode-grid p{font-size:13px;line-height:1.8;color:var(--home-muted);max-width:36ch}
#vn-home .home-invitation{margin-top:90px;background:var(--home-surface);padding:44px 48px;border-radius:9px;display:flex;justify-content:space-between;align-items:center;gap:30px}
#vn-home .home-invitation h2{margin:14px 0}
#vn-home .home-invitation p:not(.home-eyebrow){font-size:14px;line-height:1.7;color:var(--home-muted)}
#vn-home .home-invitation>div:last-child{display:flex;flex-direction:column;align-items:center;gap:12px}
#vn-home .home-text-link{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:650;color:var(--home-ink);min-height:44px}
#vn-home .home-footer{padding-block:40px;display:flex;justify-content:space-between;gap:30px;align-items:center}
#vn-home .home-footer>span{font-size:25px;letter-spacing:-.06em;font-weight:800}
#vn-home .home-footer small{font-size:10px;letter-spacing:0;font-weight:500;color:var(--home-muted);display:block;margin-top:5px}
#vn-home .home-footer>div{display:flex;flex-wrap:wrap;gap:22px}
#vn-home .home-footer a{font-size:11px;text-decoration:none;color:var(--home-muted);padding-block:12px}
#vn-home a:focus-visible,#vn-home button:focus-visible,#vn-home [role=tabpanel]:focus-visible{outline:2px solid #be904b;outline-offset:5px}
#vn-home .home-landing:not(.home-has-entered) .home-hero-copy{animation:home-enter .65s cubic-bezier(.2,.7,.2,1) both}
#vn-home .home-landing:not(.home-has-entered) .home-hero-scene{animation:home-scene-enter .85s cubic-bezier(.2,.7,.2,1) .1s both}
@keyframes home-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes home-scene-enter{from{opacity:0;transform:translateY(26px) rotate(1deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(-1deg) scale(1)}}
@keyframes home-proof-in{from{opacity:.3;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(hover:hover){#vn-home .home-button:hover{transform:translateY(-2px);box-shadow:0 7px 16px #182a2020}#vn-home .home-secondary:hover{background:var(--home-surface)}#vn-home .home-scene-link:hover .home-hero-image{transform:scale(1.035)}#vn-home .home-stage:hover>svg{transform:translate(2px,-2px)}#vn-home .home-nav a:hover,#vn-home .home-nav button:hover,#vn-home .home-footer a:hover{text-decoration:underline;text-underline-offset:5px}}
/* Returning owners retain their current design and every existing design action. */
#vn-home .home-workspace{padding-top:0}
#vn-home .home-workspace .scroll{padding-top:38px;padding-bottom:10px;max-width:1200px}
#vn-home .home-workspace-invite{max-width:1136px;margin:35px auto 50px;width:calc(100% - 64px);box-sizing:border-box;padding:28px;background:var(--home-surface);border:1px solid var(--home-line);border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:24px}
#vn-home .home-workspace-invite h2{font-size:24px;margin:10px 0}
#vn-home .home-workspace-invite p{font-size:13px;line-height:1.6;color:var(--home-muted)}
@media(min-width:1500px){#vn-home .home-hero{padding-block:78px 68px}#vn-home .home-intro{font-size:18px}#vn-home .home-hero-scene{max-width:740px}#vn-home .home-hero h1{font-size:88px}}
@media(max-width:1100px){#vn-home .home-bound{width:calc(100% - 56px)}#vn-home .home-hero{gap:24px;padding-block:44px}#vn-home .home-hero h1{font-size:51px}#vn-home .home-actions{gap:10px}#vn-home .home-button{padding-inline:16px;gap:12px}#vn-home .home-intro{font-size:14px}#vn-home .home-nav>div{gap:20px}}
@media(max-width:760px){
  #vn-home .home-bound{width:calc(100% - 40px)}
  #vn-home .home-nav{min-height:50px;justify-content:flex-end}
  #vn-home .home-nav-note{display:none}#vn-home .home-nav>div{width:100%;justify-content:space-between;gap:16px}
  #vn-home .home-nav button,#vn-home .home-nav a{font-size:11px}
  #vn-home .home-hero{grid-template-columns:1fr;gap:32px;padding-block:30px}
  #vn-home .home-eyebrow{font-size:8px;letter-spacing:.13em}
  #vn-home .home-hero h1{font-size:clamp(42px,10.8vw,64px);line-height:1.05;margin:18px 0}
  #vn-home .home-intro{font-size:14px;line-height:1.7;max-width:39ch}
  #vn-home .home-actions{margin-top:22px;display:grid;grid-template-columns:1.1fr 1fr;gap:10px}
  #vn-home .home-button{font-size:11px;padding-inline:12px;gap:10px;height:48px}
  #vn-home .home-small{font-size:10px;margin-top:12px}
  #vn-home .home-hero-scene{transform:none;border-radius:8px}
  #vn-home .home-scene-top{padding:12px 14px;font-size:7px}
  #vn-home .home-scene-bottom{padding:14px}
  #vn-home .home-scene-bottom b{font-size:11px}
  #vn-home .home-scene-bottom small{font-size:9px}
  #vn-home .home-hero-image{aspect-ratio:1.6}
  #vn-home .home-scene-invite{right:12px;bottom:12px;font-size:10px;padding:10px 12px}
  #vn-home .home-promise{padding-block:18px;margin-bottom:52px;gap:8px}
  #vn-home .home-promise>span{font-size:9px;line-height:1.5;gap:8px;flex-direction:column;text-align:center}
  #vn-home .home-promise svg{width:21px;height:21px}
  #vn-home .home-section-heading{display:block;margin-bottom:24px}
  #vn-home h2{font-size:31px;letter-spacing:-.05em}
  #vn-home .home-section-heading>p{margin-top:18px;font-size:13px}
  #vn-home .home-workflow{grid-template-columns:1fr;gap:22px}
  #vn-home .home-stage{padding-block:20px;gap:14px}
  #vn-home .home-stage strong{font-size:17px}
  #vn-home .home-stage-text{font-size:12px}
  #vn-home .home-proof{min-height:450px;padding:18px}
  #vn-home .home-proof-media{height:330px;margin:18px 0}
  #vn-home [data-home-proof=layout] .home-proof-media{min-height:220px}
  #vn-home [data-home-proof=layout]{min-height:330px}
  #vn-home .home-anywhere{margin-top:56px;padding-top:38px}
  #vn-home .home-anywhere-heading>p:last-child{font-size:13px}
  #vn-home .home-mode-grid{grid-template-columns:1fr;gap:26px;margin-top:28px}
  #vn-home .home-mode-grid article{padding-top:18px}
  #vn-home .home-mode-grid h3{font-size:21px;margin:12px 0 8px}
  #vn-home .home-mode-grid p{max-width:none;font-size:12px}
  #vn-home .home-invitation{margin-top:44px;padding:28px 24px;display:block}
  #vn-home .home-invitation>div:last-child{align-items:flex-start;margin-top:24px}
  #vn-home .home-invitation .home-primary{min-width:205px}
  #vn-home .home-footer{display:block;padding-block:30px}
  #vn-home .home-footer>div{margin-top:20px;gap:24px}
  #vn-home .home-workspace-invite{width:calc(100% - 32px);display:block;padding:22px}
  #vn-home .home-workspace-invite .home-button{margin-top:20px}
  #vn-home .home-workspace .scroll{padding-top:22px}
  @keyframes home-scene-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
}
@media(max-width:350px){#vn-home .home-bound{width:calc(100% - 32px)}#vn-home .home-actions{grid-template-columns:1fr}#vn-home .home-hero h1{font-size:40px}#vn-home .home-button{font-size:12px}#vn-home .home-nav>div{gap:8px}}
@media(prefers-reduced-motion:reduce){#vn-home.page{scroll-behavior:auto}#vn-home *,#vn-home *::before,#vn-home *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Isolate the entrance navigation from the editor navigation shell. */
#vn-home nav.home-nav{position:static;inset:auto;transform:none;background:transparent;box-shadow:none;backdrop-filter:none;border-radius:0;padding:0;z-index:auto;height:auto;border:0;border-bottom:1px solid var(--home-line);width:calc(100% - 96px)}
@media(max-width:1100px){#vn-home nav.home-nav{width:calc(100% - 56px)}}
@media(max-width:760px){#vn-home nav.home-nav{width:calc(100% - 40px)}}

#vn-home .home-proof-media img{min-height:0;max-height:365px;height:365px;width:auto;max-width:100%}
#vn-home [data-home-proof=layout] .home-proof-media img{height:auto;max-height:none;width:100%}
@media(max-width:760px){#vn-home .home-proof-media img{max-height:320px;height:320px}}
