@layer bricks {.brxe-code{width:100%}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }:root { --sand: #D8C8A9; --sand-light: #EDE5D8; --sand-bg: #F5F0E8; --white: #FFFFFF; --black: #000000; --dark: #2E2E2E; --gray: #666666; --gray-light: #999999; --border: #E0D8CC; --font: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif; }html { scroll-behavior: smooth; }body { font-family: var(--font); font-size: 18px; font-weight: 400; line-height: 1.6; color: var(--black); background: var(--white); overflow-x: hidden; }img { display: block; max-width: 100%; }a { color: inherit; text-decoration: none; }em { font-style: italic; }h1, h2, h3, h4 { font-family: var(--font); font-weight: 600; line-height: 1.15; color: var(--black); }.btn-primary { display: inline-block; background: var(--black); color: var(--white); padding: 16px 24px; font-family: var(--font); font-size: 17px; font-weight: 600; border-radius: 0; border: none; cursor: pointer; transition: opacity 0.2s; line-height: 1; }.btn-primary:hover { opacity: 0.82; }.btn-sand { display: inline-block; background: var(--sand); color: var(--black); padding: 16px 24px; font-family: var(--font); font-size: 17px; font-weight: 600; border-radius: 0; border: none; cursor: pointer; transition: opacity 0.2s; line-height: 1; }.btn-sand:hover { opacity: 0.82; }.btn-ghost { display: inline-block; background: transparent; color: var(--white); padding: 14px 24px; font-family: var(--font); font-size: 17px; font-weight: 600; border: 2px solid rgba(255,255,255,0.5); border-radius: 0; cursor: pointer; transition: border-color 0.2s, background 0.2s; line-height: 1; }.btn-ghost:hover { border-color: white; background: rgba(255,255,255,0.08); }nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: var(--black); border-bottom: 1px solid rgba(255,255,255,0.1); display: flex; align-items: center; justify-content: space-between; padding: 0 48px; height: 72px; box-shadow: 0 1px 8px rgba(0,0,0,0.2); }.nav-logo { flex-shrink: 0; }.nav-logo img { height: 38px; width: auto; filter: invert(1); }.nav-right { display: flex; align-items: center; gap: 1.5rem; flex-shrink: 0; }.nav-phone { font-size: 16px; font-weight: 600; color: var(--white); transition: opacity 0.2s; white-space: nowrap; }.nav-phone:hover { opacity: 0.6; }.nav-cta { background: var(--sand); color: var(--black); padding: 10px 22px; font-size: 15px; font-weight: 600; transition: opacity 0.2s; white-space: nowrap; }.nav-cta:hover { opacity: 0.82; }.hero { position: relative; height: 100vh; min-height: 620px; display: flex; align-items: flex-end; overflow: hidden; margin-top: 72px; }.hero-bg { position: absolute; inset: 0; background: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.15) 65%, transparent 100%), url('https://van-craft.com/wp-content/uploads/2026/02/Waypoint-header2-scaled.jpg') center/cover no-repeat; transform: scale(1.04); animation: heroReveal 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; }@keyframes heroReveal { from { transform: scale(1.06); } to { transform: scale(1.00); } }.hero-content { position: relative; z-index: 2; padding: 0 48px 80px; max-width: 680px; animation: fadeUp 0.9s 0.3s both; }@keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }.hero-eyebrow { font-size: 12px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: var(--sand); margin-bottom: 1.25rem; }.hero-headline { font-size: clamp(2.8rem, 5.5vw, 5rem); font-weight: 600; line-height: 1.05; color: var(--white); margin-bottom: 1.25rem; }.hero-subline { font-size: 18px; font-weight: 400; line-height: 1.65; color: rgba(255,255,255,0.8); margin-bottom: 2rem; max-width: 500px; }.hero-actions { display: flex; gap: 1rem; flex-wrap: wrap; }.hero-scroll-hint { position: absolute; bottom: 2rem; right: 48px; z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 0.4rem; color: rgba(255,255,255,0.45); font-size: 10px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; }.scroll-line { width: 1px; height: 40px; background: rgba(255,255,255,0.2); position: relative; overflow: hidden; }.scroll-line::after { content: ''; position: absolute; top: -100%; left: 0; right: 0; height: 100%; background: rgba(255,255,255,0.6); animation: scrollDrop 1.5s 1s infinite; }@keyframes scrollDrop { 0% { top: -100%; } 100% { top: 100%; } }.pull-quote { background: var(--dark); padding: 80px 48px; text-align: center; }.pull-quote blockquote { font-size: clamp(1.1rem, 2vw, 1.55rem); font-weight: 400; line-height: 1.65; color: rgba(255,255,255,0.88); max-width: 820px; margin: 0 auto; }.section-label { font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: var(--gray-light); margin-bottom: 0.75rem; }.feel-section { padding: 96px 48px; background: var(--white); }.feel-header { max-width: 600px; margin-bottom: 56px; }.feel-header h2 { font-size: clamp(2rem, 3.5vw, 3rem); font-weight: 600; color: var(--black); margin-bottom: 1rem; }.feel-header p { font-size: 18px; font-weight: 400; color: var(--gray); line-height: 1.65; }.feel-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; background: var(--border); }.feel-card { position: relative; overflow: hidden; aspect-ratio: 3/4; }.feel-card-img { position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform 0.6s ease; filter: brightness(0.6); }.feel-card:hover .feel-card-img { transform: scale(1.04); }.feel-card-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 2rem; background: linear-gradient(to top, rgba(0,0,0,0.88) 0%, transparent 100%); z-index: 2; }.feel-card-number { font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: var(--sand); margin-bottom: 0.5rem; }.feel-card-title { font-size: 1.2rem; font-weight: 600; color: var(--white); line-height: 1.3; margin-bottom: 0.6rem; }.feel-card-body { font-size: 15px; font-weight: 400; line-height: 1.6; color: rgba(255,255,255,0.72); }.identity-section { display: grid; grid-template-columns: 1fr 1fr; min-height: 560px; }.identity-visual { overflow: hidden; background: url('https://van-craft.com/wp-content/uploads/2026/01/HANKSVILLE-12.jpg') center/cover no-repeat; }.identity-copy { background: var(--sand-bg); padding: 80px 56px; display: flex; flex-direction: column; justify-content: center; }.identity-copy h2 { font-size: clamp(1.8rem, 3vw, 2.6rem); color: var(--black); margin-bottom: 1.25rem; }.identity-copy p { font-size: 18px; font-weight: 400; line-height: 1.7; color: var(--gray); margin-bottom: 1.1rem; max-width: 480px; }.identity-copy p:last-of-type { margin-bottom: 2rem; }.specs-section { background: var(--dark); padding: 96px 48px; display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: start; }.specs-copy h2 { font-size: clamp(1.8rem, 3vw, 2.6rem); color: var(--white); margin-bottom: 1rem; }.specs-copy p { font-size: 17px; line-height: 1.7; color: rgba(255,255,255,0.6); margin-bottom: 2rem; max-width: 440px; }.specs-toggle { display: flex; border: 1px solid rgba(255,255,255,0.2); width: fit-content; margin-bottom: 2rem; }.specs-toggle button { padding: 10px 20px; font-family: var(--font); font-size: 13px; font-weight: 600; background: transparent; border: none; color: rgba(255,255,255,0.5); cursor: pointer; transition: all 0.18s; }.specs-toggle button.active { background: var(--sand); color: var(--black); }.specs-list { display: none; flex-direction: column; }.specs-list.active { display: flex; }.spec-item { display: flex; justify-content: space-between; align-items: baseline; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,0.07); gap: 1.5rem; }.spec-label { font-size: 12px; font-weight: 700; color: rgba(255,255,255,0.4); text-transform: uppercase; letter-spacing: 0.1em; flex-shrink: 0; }.spec-value { font-size: 15px; color: var(--white); text-align: right; }.specs-price-block { margin-top: 2rem; display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: rgba(255,255,255,0.1); }.specs-price-tier { background: var(--dark); padding: 20px 24px; }.specs-price-tier.featured { background: rgba(216,200,169,0.1); border: 1px solid rgba(216,200,169,0.3); }.specs-price-tier-badge { display: inline-block; background: var(--sand); color: var(--black); font-size: 10px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; padding: 3px 8px; margin-bottom: 8px; }.specs-price-label { font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.4); margin-bottom: 4px; }.specs-price { font-size: 1.8rem; font-weight: 700; color: var(--white); line-height: 1; }.specs-price sup { font-size: 1rem; font-weight: 600; vertical-align: super; }.specs-price-note { font-size: 13px; color: rgba(255,255,255,0.45); margin-top: 4px; line-height: 1.4; }.specs-visual { position: relative; }.specs-visual img { width: 100%; }.specs-badge { position: absolute; top: -1rem; right: -1rem; background: var(--sand); color: var(--black); padding: 16px 20px; font-size: 13px; font-weight: 600; text-align: center; line-height: 1.4; }.specs-badge strong { display: block; font-size: 1.6rem; font-weight: 700; line-height: 1; margin-bottom: 2px; }.financing-section { background: var(--white); padding: 96px 48px; display: grid; grid-template-columns: 1.2fr 1fr; gap: 4rem; align-items: center; max-width: 1300px; margin: 0 auto; }.financing-copy h2 { font-size: clamp(1.8rem, 3vw, 2.6rem); color: var(--black); margin-bottom: 1rem; }.financing-copy p { font-size: 18px; line-height: 1.7; color: var(--gray); margin-bottom: 1rem; max-width: 480px; }.financing-copy p:last-of-type { margin-bottom: 2rem; }.financing-pills { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 2rem; }.pill { background: var(--sand-light); padding: 6px 14px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--black); }.financing-stats { display: grid; gap: 1px; background: var(--border); }.fin-stat { background: var(--white); padding: 24px 28px; }.fin-stat-num { font-size: 2.2rem; font-weight: 700; color: var(--black); line-height: 1; margin-bottom: 4px; }.fin-stat-label { font-size: 14px; color: var(--gray); }.allterra-section { background: var(--dark); padding: 80px 48px; display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }.allterra-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--sand); margin-bottom: 1rem; }.allterra-copy h2 { font-size: clamp(1.6rem, 2.8vw, 2.4rem); color: var(--white); margin-bottom: 1rem; }.allterra-copy p { font-size: 17px; line-height: 1.7; color: rgba(255,255,255,0.62); margin-bottom: 1.25rem; }.reservation-bar { margin: 1.5rem 0 2rem; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.1); padding: 20px; }.reservation-bar-label { font-size: 11px; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; color: rgba(255,255,255,0.38); margin-bottom: 10px; }.reservation-bar-track { height: 3px; background: rgba(255,255,255,0.1); position: relative; margin-bottom: 8px; overflow: hidden; }.reservation-bar-fill { position: absolute; left: 0; top: 0; bottom: 0; width: 72%; background: var(--sand); }.reservation-bar-note { font-size: 13px; color: rgba(255,255,255,0.45); }.reservation-bar-note strong { color: var(--white); }.allterra-visual img { width: 100%; }.form-section { padding: 96px 48px; background: var(--sand-bg); display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: start; }.form-copy h2 { font-size: clamp(1.8rem, 3vw, 2.8rem); color: var(--black); margin-bottom: 1rem; }.form-copy p { font-size: 18px; line-height: 1.7; color: var(--gray); margin-bottom: 1rem; }.form-trust { margin-top: 2.5rem; display: flex; flex-direction: column; gap: 1.25rem; }.form-trust-item { display: flex; align-items: flex-start; gap: 1rem; }.trust-icon { width: 36px; height: 36px; flex-shrink: 0; background: var(--black); display: flex; align-items: center; justify-content: center; color: var(--white); font-size: 11px; font-weight: 700; margin-top: 2px; }.trust-text strong { display: block; font-size: 15px; font-weight: 600; color: var(--black); margin-bottom: 2px; }.trust-text span { font-size: 14px; color: var(--gray); line-height: 1.55; }.vc-form { background: var(--white); padding: 40px; border: 1px solid var(--border); }.vc-form h3 { font-size: 1.4rem; font-weight: 600; color: var(--black); margin-bottom: 4px; }.form-subtitle { font-size: 15px; color: var(--gray); margin-bottom: 2rem; }.form-fine-print { font-size: 13px; color: var(--gray-light); text-align: center; margin-top: 1rem; line-height: 1.5; }#fallback-form { display: block; }#fallback-form.hidden { display: none; }.fb-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; }.fb-field { margin-bottom: 1rem; }.fb-field label { display: block; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--black); margin-bottom: 0.35rem; }.fb-field input, .fb-field select { width: 100%; padding: 12px 14px; border: 1px solid var(--border); background: var(--sand-bg); font-family: var(--font); font-size: 15px; color: var(--black); outline: none; -webkit-appearance: none; appearance: none; border-radius: 0; transition: border-color 0.2s, background 0.2s; }.fb-field input:focus, .fb-field select:focus { border-color: var(--black); background: var(--white); }footer { background: var(--black); color: var(--white); padding: 64px 48px 32px; }.footer-inner { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 3rem; margin-bottom: 4rem; padding-bottom: 4rem; border-bottom: 1px solid rgba(255,255,255,0.1); }.footer-logo img { height: 32px; width: auto; margin-bottom: 1rem; }.footer-tagline { font-size: 14px; color: rgba(255,255,255,0.45); line-height: 1.65; max-width: 220px; margin-bottom: 1rem; }.footer-col h4 { font-size: 11px; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; color: rgba(255,255,255,0.38); margin-bottom: 1.25rem; }.footer-col ul { list-style: none; }.footer-col li { margin-bottom: 0.6rem; }.footer-col a { font-size: 15px; color: rgba(255,255,255,0.7); transition: color 0.2s; }.footer-col a:hover { color: var(--white); }.footer-bottom { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; }.footer-bottom p { font-size: 13px; color: rgba(255,255,255,0.38); }.footer-bottom-links { display: flex; gap: 1.5rem; }.footer-bottom-links a { font-size: 13px; color: rgba(255,255,255,0.38); transition: color 0.2s; }.footer-bottom-links a:hover { color: var(--white); }.reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.65s ease, transform 0.65s ease; }.reveal.visible { opacity: 1; transform: translateY(0); }.reveal-delay-1 { transition-delay: 0.1s; }.reveal-delay-2 { transition-delay: 0.2s; }.reveal-delay-3 { transition-delay: 0.3s; }@media (max-width: 960px) { nav { padding-left: 24px; padding-right: 24px; } .hero-content { padding: 0 24px 60px; } .hero-scroll-hint { right: 24px; } .feel-grid { grid-template-columns: 1fr; } .feel-card { aspect-ratio: 16/9; } .identity-section { grid-template-columns: 1fr; } .identity-visual { height: 320px; } .identity-copy { padding: 56px 24px; } .specs-section { grid-template-columns: 1fr; padding: 64px 24px; } .financing-section { grid-template-columns: 1fr; padding: 64px 24px; } .allterra-section { grid-template-columns: 1fr; padding: 64px 24px; } .form-section { grid-template-columns: 1fr; padding: 64px 24px; } .feel-section { padding: 64px 24px; } .pull-quote { padding: 64px 24px; } .footer-inner { grid-template-columns: 1fr 1fr; } footer { padding: 48px 24px 24px; }}@media (max-width: 600px) { nav { padding-left: 16px; padding-right: 16px; height: 60px; } .nav-logo img { height: 28px; } .nav-phone { display: none; } .nav-cta { padding: 8px 16px; font-size: 14px; } .hero { margin-top: 60px; } .footer-inner { grid-template-columns: 1fr; } .vc-form { padding: 24px; } .fb-row { grid-template-columns: 1fr; }}#brxe-c416e4 {background-position: center center}