.vision{--ink:#122116;--paper:#fbfaf4;--cream:#eee9dc;--moss:#294c31;--gold:#c9a86e;--night:#080c10;position:relative;isolation:isolate;overflow:clip;background:var(--paper);color:var(--ink);padding-bottom:8rem}.vision *{box-sizing:border-box}.vision a{color:inherit}.vision-kicker{margin:0 0 1rem;font-size:1.1rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.vision-hero{position:relative;display:grid;min-height:94svh;padding:clamp(5rem,8vw,9rem) clamp(1.6rem,5vw,7rem);background:radial-gradient(circle at 16% 12%,rgba(180,214,132,.55),transparent 28%),radial-gradient(circle at 85% 10%,rgba(201,168,110,.35),transparent 30%),linear-gradient(145deg,#edf1df,#f4eee1 54%,#e1e7d2)}.vision-hero__intro{width:min(84rem,100%);margin:auto auto 0;text-align:center}.vision-hero h1{max-width:11ch;margin:0 auto;font-size:clamp(5.5rem,11vw,13rem);line-height:.85;letter-spacing:-.065em}.vision-hero__intro>p:last-child{max-width:64rem;margin:2.5rem auto 0;font-size:clamp(1.7rem,2vw,2.25rem);line-height:1.55}.vision-portals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.2rem,2.4vw,3rem);width:min(128rem,100%);margin:clamp(4rem,7vw,7rem) auto 0}.vision-portal{position:relative;display:grid;min-height:43rem;overflow:hidden;border:1px solid rgba(255,255,255,.4);border-radius:3rem;color:#fff;text-decoration:none;box-shadow:0 3rem 7rem rgba(18,36,21,.18);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}.vision-portal:hover,.vision-portal:focus-visible{transform:translateY(-.8rem);box-shadow:0 4rem 8rem rgba(18,36,21,.28)}.vision-portal--nature{background:linear-gradient(150deg,#8eb369,#355d3c 52%,#112519)}.vision-portal--city{background:linear-gradient(150deg,#343c44,#13191e 52%,#050708)}.vision-portal__scene{position:absolute;inset:0;overflow:hidden}.vision-portal__scene:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(to top,rgba(0,0,0,.78),transparent)}.vision-portal__sun{position:absolute;width:9rem;height:9rem;top:9%;right:14%;border-radius:50%;background:radial-gradient(circle,#fff4b5 0 42%,rgba(255,240,159,.4) 44% 70%,transparent 71%)}.vision-portal__mountain{position:absolute;inset:21% -8% 0;background:linear-gradient(145deg,transparent 0 29%,rgba(25,70,36,.86) 30% 51%,transparent 52%) 0 0/50% 72% repeat-x}.vision-portal__skyline{position:absolute;inset:12% 6% 0;background:repeating-linear-gradient(90deg,transparent 0 8%,rgba(255,255,255,.09) 8% 9%,transparent 9% 15%),rgba(167,184,198,.12);clip-path:polygon(0 100%,0 45%,8% 45%,8% 24%,17% 24%,17% 53%,25% 53%,25% 15%,35% 15%,35% 46%,44% 46%,44% 6%,57% 6%,57% 58%,66% 58%,66% 30%,78% 30%,78% 50%,85% 50%,85% 19%,95% 19%,95% 44%,100% 44%,100% 100%)}.vision-portal__product{position:absolute;z-index:2;width:min(58%,42rem);height:29rem;left:50%;bottom:8%;object-fit:contain;transform:translateX(-50%) rotate(-4deg);filter:drop-shadow(0 2.5rem 3rem rgba(0,0,0,.45));transition:transform .5s cubic-bezier(.2,.8,.2,1)}.vision-portal:hover .vision-portal__product,.vision-portal:focus-visible .vision-portal__product{transform:translateX(-50%) translateY(-1rem) rotate(1deg) scale(1.05)}.vision-portal__copy{position:relative;z-index:4;align-self:end;display:grid;gap:.7rem;padding:3rem;text-shadow:0 .2rem 1.2rem rgba(0,0,0,.36)}.vision-portal__copy small{font-weight:800;letter-spacing:.14em}.vision-portal__copy strong{max-width:12ch;font-size:clamp(2.8rem,4vw,4.8rem);line-height:1}.vision-portal__copy>span{max-width:40rem;font-size:1.45rem;line-height:1.5}.vision-skip{justify-self:center;margin-top:3rem;padding:.9rem 0;border-bottom:1px solid currentColor;font-weight:800;text-decoration:none}.vision-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(28rem,52rem);align-items:end;gap:3rem;width:min(128rem,calc(100% - 4rem));margin:auto;padding:clamp(7rem,10vw,12rem) 0 clamp(3rem,5vw,5rem)}.vision-heading h2{max-width:11ch;margin:0;font-size:clamp(4.2rem,7vw,8.5rem);line-height:.95;letter-spacing:-.05em}.vision-heading>p{margin:0;font-size:clamp(1.6rem,1.9vw,2rem);line-height:1.65}
.vision a.vision-portal,.vision a.vision-button--primary{color:#fff}.vision [id]{scroll-margin-top:calc(var(--travel-top,76px) + 18px)}.vision .vision-hero h1{line-height:1.05;letter-spacing:-.025em}.vision .vision-heading h2{line-height:1.1;letter-spacing:-.025em}.vision [hidden]{display:none!important}.vision a:focus-visible,.vision button:focus-visible{outline:3px solid #53733c;outline-offset:4px}.vision .vision-business a:focus-visible,.vision .vision-business button:focus-visible{outline-color:#c9a86e}