.device-frame{--device-aspect-ratio:3 / 5}@media (min-width:1024px){.device-frame{--device-aspect-ratio:16 / 9}}.device-screen{width:calc(100% - 10px);aspect-ratio:var(--device-aspect-ratio);border:4px solid var(--color-hill);background-color:var(--color-backdrop-offwhite);border-radius:32px;position:relative;left:5px;overflow:hidden}@media (min-width:1024px){.device-screen{border-radius:14px;width:calc(100% - 40px);left:20px}}.device-screen:before{content:"";z-index:100;background-color:var(--color-hill);clip-path:polygon(0 1.85714px,0 0,112px 0,112px 1.85714px,110.859px 1.85714px,110.859px 1.85714px,109.576px 1.91871px,108.317px 2.10081px,107.089px 2.39954px,105.9px 2.81099px,104.756px 3.33128px,103.667px 3.95649px,102.639px 4.68273px,101.68px 5.50609px,100.798px 6.42267px,100px 7.42857px,100px 7.42857px,99.202px 8.43447px,98.3198px 9.35105px,97.361px 10.1744px,96.333px 10.9006px,95.2437px 11.5259px,94.1005px 12.0461px,92.9111px 12.4576px,91.683px 12.7563px,90.4239px 12.9384px,89.1414px 13px,22.8586px 13px,22.8586px 13px,21.5761px 12.9384px,20.317px 12.7563px,19.089px 12.4576px,17.8995px 12.0461px,16.7563px 11.5259px,15.667px 10.9006px,14.6391px 10.1744px,13.6802px 9.35105px,12.798px 8.43447px,12px 7.42857px,12px 7.42857px,11.202px 6.42267px,10.3198px 5.1024px,9.36092px 4.68273px,8.333px 3.95649px,7.24364px 3.33128px,6.10044px 2.81099px,4.91101px 2.39954px,3.68295px 2.10081px,2.42387px 1.91871px,1.14137px 1.85714px,0 1.85714px);width:112px;height:13px;position:absolute;top:-2px;left:calc(50% - 56px)}@media (min-width:1024px){.device-screen:before{clip-path:polygon(43% 0%,62% 0%,58.5% 50%,47% 50%);width:100%;height:32px;left:0}}.device-base{display:none}@media (min-width:1024px){.device-base{background-color:var(--color-hill);border-radius:0 0 16px 16px;width:100%;height:32px;margin-top:-4px;display:block;position:relative}}.device-base:before{content:"";background-color:var(--color-land-dark);opacity:.4;clip-path:polygon(43% 0%,62% 0%,58.5% 50%,47% 50%);position:absolute;inset:0}
dialog.lightbox-dialog{opacity:0;width:100%;max-width:100%;height:100%;max-height:100%;transition:opacity .2s ease, display .2s allow-discrete;background:0 0;border:none;margin:0;padding:0;position:fixed;inset:0;overflow:visible}dialog.lightbox-dialog::backdrop{display:none}dialog.lightbox-dialog[open]{opacity:1}dialog.lightbox-dialog[data-closing]{opacity:0}@starting-style{dialog.lightbox-dialog[open]{opacity:0}}.lightbox-backdrop{background-color:color-mix(in srgb, var(--color-hill) 90%, transparent);cursor:default;position:fixed;inset:0}.lightbox-panel{flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-close-btn{z-index:10;width:44px;height:44px;color:var(--color-backdrop-offwhite);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:16px;right:16px}.lightbox-close-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:2px}.lightbox-counter{color:var(--color-backdrop-offwhite);opacity:.8;-webkit-user-select:none;user-select:none;font-size:14px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}
.interactive-map-container{touch-action:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.interactive-map{width:100%;height:100%;display:block}.interactive-map g[id^=plot-]{cursor:pointer;transition:opacity .2s}.interactive-map g[id^=plot-]>path:first-child{fill:var(--color-backdrop-offwhite);stroke:var(--color-land);stroke-miterlimit:10;transition:fill .15s,stroke .15s}.interactive-map g[id^=plot-]>path:nth-child(2){fill:var(--color-forest);transition:fill .15s,opacity .15s}@media (hover:hover){.interactive-map g[id^=plot-][data-status=available]:not([data-selected=true]):hover>path:first-child{fill:var(--color-land)}.interactive-map g[id^=plot-][data-status=available]:not([data-selected=true]):hover>path:nth-child(2){opacity:1}}.interactive-map g[id^=plot-][data-status=reserved]{cursor:default}.interactive-map g[id^=plot-][data-status=reserved]>path:first-child{fill:var(--color-accent-yellow-tint);stroke:var(--color-accent-yellow)}.interactive-map g[id^=plot-][data-status=reserved]>path:nth-child(2){fill:var(--color-accent-yellow-dark);opacity:.4}.interactive-map g[id^=plot-][data-status=sold]{cursor:default}.interactive-map g[id^=plot-][data-status=sold]>path:first-child{fill:var(--color-map-land);stroke:var(--color-backdrop-lightgreen)}.interactive-map g[id^=plot-][data-status=sold]>path:nth-child(2){fill:var(--color-backdrop-lightgreen);opacity:1}.interactive-map g[id^=plot-][data-selected=true]>path:first-child{fill:var(--color-forest);stroke:var(--color-forest)}.interactive-map g[id^=plot-][data-selected=true]>path:nth-child(2){fill:var(--color-backdrop-offwhite);opacity:1}.interactive-map g[id^=plot-][data-filtered-out=true]{pointer-events:none;cursor:default}.interactive-map g[id^=plot-][data-filtered-out=true]>path:first-child{fill:var(--color-map-land);stroke:var(--color-land)}.interactive-map g[id^=plot-][data-filtered-out=true]>path:nth-child(2){fill:var(--color-backdrop-lightgreen);opacity:1}.interactive-map-tooltip{pointer-events:none;z-index:10;font-family:var(--font-sans);white-space:nowrap;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 12px))}.interactive-map-tooltip-bubble{border-radius:4px;padding:10px 16px;font-size:1rem;line-height:1;position:relative}.interactive-map-tooltip-arrow{border-radius:9999px;justify-content:center;align-items:center;width:24px;height:24px;margin-top:-12px;display:flex;position:relative}.interactive-map-tooltip-arrow svg{width:12px;height:12px}.interactive-map-tooltip[data-status=reserved] .interactive-map-tooltip-bubble,.interactive-map-tooltip[data-status=reserved] .interactive-map-tooltip-arrow{background-color:var(--color-accent-yellow);color:var(--color-hill)}.interactive-map-tooltip[data-status=sold] .interactive-map-tooltip-bubble,.interactive-map-tooltip[data-status=sold] .interactive-map-tooltip-arrow{background-color:var(--color-hill);color:var(--color-backdrop-offwhite)}@media (hover:none){.interactive-map-tooltip{display:none}}.interactive-map-zoom{z-index:10;flex-direction:row;gap:8px;display:flex;position:absolute;bottom:80px;right:16px}.interactive-map-zoom button{width:64px;height:64px;color:var(--color-forest);cursor:pointer;background-color:#0000;border:1px solid;justify-content:center;align-items:center;padding:16px;transition:background-color .15s,color .15s;display:flex}.interactive-map-zoom button:disabled{opacity:.4;cursor:default}@media (hover:hover){.interactive-map-zoom button:not(:disabled):hover{background-color:var(--color-land);color:var(--color-hill)}}@media (min-width:1024px){.interactive-map-zoom{bottom:16px}}
.intaractive-guide{container-type:inline-size}.interactive-guide-laptop-content{width:100%;height:100%;position:relative}.interactive-guide-map{transition:translate .6s,opacity .5s;position:absolute;inset:0}.interactive-guide-map [id*=plot-]:not([data-status])>path:last-of-type{display:none}.interactive-guide-map:after{content:"";opacity:0;background-image:linear-gradient(90deg,#0000 25%,#fff);transition:opacity .6s;position:absolute;inset:0}[data-active-step=start] .interactive-guide-map{opacity:0}[data-active-step=idle] .interactive-guide-map{opacity:1}[data-active-step=step-2] .interactive-guide-map,[data-active-step=step-3] .interactive-guide-map,[data-active-step=done] .interactive-guide-map{opacity:1;translate:-25%}[data-active-step=step-2] .interactive-guide-map:after,[data-active-step=step-3] .interactive-guide-map:after,[data-active-step=done] .interactive-guide-map:after{opacity:1}.interactive-guide-map [data-slot=map]{width:100%;height:100%}.interactive-guide-tag-1,.interactive-guide-tag-2,.interactive-guide-tag-3,.interactive-guide-replay{opacity:0;transition:left .6s ease-out,translate .6s ease-out,opacity .6s ease-out}.interactive-guide-tag-1{align-items:flex-start;display:flex;position:absolute;top:17%;left:46%;translate:0}[data-active-step=step-1] .interactive-guide-tag-1,[data-active-step=step-2] .interactive-guide-tag-1,[data-active-step=step-3] .interactive-guide-tag-1,[data-active-step=done] .interactive-guide-tag-1{opacity:1}[data-active-step=step-2] .interactive-guide-tag-1,[data-active-step=step-3] .interactive-guide-tag-1,[data-active-step=done] .interactive-guide-tag-1{left:22%}.interactive-guide-tag-1-line{background-color:var(--color-hill);flex-shrink:0;width:1px;height:12.4444cqw}.interactive-guide-tag-2{z-index:50;align-items:flex-start;display:flex;position:absolute;top:10%;left:60%}[data-active-step=step-2] .interactive-guide-tag-2,[data-active-step=step-3] .interactive-guide-tag-2,[data-active-step=done] .interactive-guide-tag-2{opacity:1}.interactive-guide-tag-2-line{background-color:var(--color-hill);flex-shrink:0;width:1px;height:7.11111cqw}.interactive-guide-tag-3{width:326px;margin-top:20px;margin-right:auto}[data-active-step=step-3] .interactive-guide-tag-3,[data-active-step=done] .interactive-guide-tag-3{opacity:1}.interactive-guide-scale{flex-direction:column;align-items:center;gap:16px;display:flex}.interactive-guide-specs{opacity:.25;width:36%;max-width:512px;transition:opacity .6s ease-out,transform .6s ease-out;position:absolute;top:10.6667cqw;left:59%;transform:translate(70%)}[data-active-step=step-2] .interactive-guide-specs,[data-active-step=step-3] .interactive-guide-specs,[data-active-step=done] .interactive-guide-specs{opacity:1;transform:translate(0)}.interactive-guide-button{opacity:0;pointer-events:none;width:100%;transition:transform .6s ease-out}.interactive-guide-button>*{width:100%}[data-active-step=done] .interactive-guide-button{opacity:1;pointer-events:auto;animation:.6s infinite alternate bounce;transform:translate(34px)}.interactive-guide-specs [data-slot=specs]{border-top:1px solid var(--color-hill);border-left:1px solid var(--color-hill);border-right:1px solid var(--color-hill);max-width:100%}.interactive-guide-replay{z-index:55;position:absolute;top:16px;right:16px}[data-active-step=done] .interactive-guide-replay{opacity:1}@keyframes bounce{0%{translate:0}to{translate:8px}}@media (max-width:1024px){.intaractive-guide{overflow:hidden}.interactive-guide-map:after{opacity:.5;background-image:linear-gradient(#fff,#0000 80%)}[data-active-step=step-2] .interactive-guide-map:after,[data-active-step=step-3] .interactive-guide-map:after,[data-active-step=done] .interactive-guide-map:after{opacity:0}.interactive-guide-map [data-slot=map]{translate:12% 10%;scale:2.5}[data-active-step=step-2] .interactive-guide-map,[data-active-step=step-3] .interactive-guide-map,[data-active-step=done] .interactive-guide-map{translate:0% -25%}.interactive-guide-tag-1{width:200px;top:12%;left:40%}[data-active-step=step-2] .interactive-guide-tag-1,[data-active-step=step-3] .interactive-guide-tag-1,[data-active-step=done] .interactive-guide-tag-1{opacity:0;left:40%;translate:0 -100%}.interactive-guide-tag-1-line{height:160px}.interactive-guide-tag-2{top:200px;left:12%}[data-active-step=step-3] .interactive-guide-tag-2,[data-active-step=done] .interactive-guide-tag-2{opacity:0}.interactive-guide-tag-2-line{height:120px}.interactive-guide-specs{opacity:0;z-index:55;width:100%;bottom:16px;transform:translateY(70%)}[data-active-step=step-2] .interactive-guide-specs{transform:translateY(20%)}[data-active-step=done] .interactive-guide-specs{transform:translateY(0%)}.interactive-guide-specs .text-\[24px\]{font-size:16px}.interactive-guide-specs .text-xl,.interactive-guide-specs .text-\[26px\]{font-size:14px}.interactive-guide-specs .py-3,.interactive-guide-specs .py-4{padding-block:8px}.interactive-guide-scale{position:absolute;bottom:0;left:0;right:0}[data-active-step=step-2] .interactive-guide-specs,[data-active-step=step-3] .interactive-guide-specs,[data-active-step=done] .interactive-guide-specs{opacity:1;left:0%}.interactive-guide-tag-3{width:100%;position:absolute}[data-active-step=step-3] .interactive-guide-tag-3,[data-active-step=done] .interactive-guide-tag-3{background:var(--color-backdrop-offwhite);height:120px;padding:12px 20px;bottom:-48px}[data-active-step=done] .interactive-guide-tag-3 span{opacity:0}.interactive-guide-button{z-index:5;opacity:0;pointer-events:none;width:auto;transition:transform .5s,opacity .5s;transform:translate(0)scale(0)}[data-active-step=done] .interactive-guide-button{opacity:1;pointer-events:auto;animation:none;transform:translate(0)scale(1)}.interactive-guide-button .py-6{padding-block:16px}.interactive-guide-replay{top:8px;right:8px}}
dialog.modal-dialog{opacity:0;width:100%;max-width:100%;height:100%;max-height:100%;transition:opacity .2s ease, display .2s allow-discrete;background:0 0;border:none;margin:0;padding:0;position:fixed;inset:0;overflow:visible}dialog.modal-dialog::backdrop{display:none}dialog.modal-dialog[open]{opacity:1}dialog.modal-dialog[data-closing]{opacity:0}@starting-style{dialog.modal-dialog[open]{opacity:0}}.modal-backdrop{background-color:color-mix(in srgb, var(--color-hill) 72%, transparent);cursor:default;position:fixed;inset:0}.modal-panel{background-color:var(--color-backdrop-offwhite);flex-direction:column;gap:40px;padding:32px 32px 24px;transition:transform .2s,opacity .2s;display:flex;position:fixed;inset:0;overflow-y:auto;transform:scale(.97)}dialog.modal-dialog[open] .modal-panel{transform:scale(1)}dialog.modal-dialog[data-closing] .modal-panel{transform:scale(.97)}@starting-style{dialog.modal-dialog[open] .modal-panel{transform:scale(.97)}}@media (min-width:640px){.modal-panel{border-radius:8px;width:100%;max-width:640px;max-height:calc(100vh - 64px);inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(.97)}dialog.modal-dialog[open] .modal-panel{transform:translate(-50%,-50%)scale(1)}dialog.modal-dialog[data-closing] .modal-panel{transform:translate(-50%,-50%)scale(.97)}@starting-style{dialog.modal-dialog[open] .modal-panel{transform:translate(-50%,-50%)scale(.97)}}}.modal-content{flex:1;min-height:0}.modal-close-btn{cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;width:44px;height:44px;margin-left:auto;padding:0;display:flex}.modal-close-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:2px}