.so-stage{position:relative;flex-direction:column;min-block-size:calc(100svh - var(--so-header-h))}.so-splash,.so-stage{display:flex;background:var(--so-color-blue-900)}.so-splash{--so-pad:clamp(1.5rem,4vw,3rem);--so-dir:1;--so-tx:0px;flex:1}.so-splash:dir(rtl){--so-dir:-1}.so-half{position:relative;flex:1;display:flex;flex-direction:column;justify-content:flex-end;min-inline-size:0;min-block-size:0;padding:var(--so-pad);overflow:hidden;color:#fff;text-decoration:none;isolation:isolate;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.so-half__bg{position:absolute;inset:0;z-index:-2;opacity:.18;transition:opacity var(--dur-med) var(--ease-standard)}.so-half__bg--sky{opacity:1;inset-block:auto 0;block-size:160%;background:linear-gradient(180deg,var(--so-color-gold-500) 0,var(--so-color-gold-300) 17.5%,var(--so-color-blue-500) 41.25%,var(--so-color-blue-700) 62.5%) var(--so-color-blue-700);transition:transform var(--dur-med) var(--ease-standard)}.so-half--commercial .so-half__bg{--so-sun-x:62%;--so-sun-y:18%}.so-half__bg--ground{background-color:var(--so-color-blue-700)}.so-half__iso{inset:0;z-index:-1;background-image:repeating-linear-gradient(30deg,transparent 0 27px,rgb(252 198 89/.32) 27px 28px),repeating-linear-gradient(-30deg,transparent 0 27px,rgb(252 198 89/.32) 27px 28px);-webkit-mask-image:linear-gradient(180deg,transparent 8%,#000 45%);mask-image:linear-gradient(180deg,transparent 8%,#000 45%)}.so-half__art,.so-half__iso{position:absolute;opacity:.55;transition:opacity var(--dur-med) var(--ease-standard)}.so-half__art{inset-inline:8%;inset-block-start:8%;inline-size:84%;block-size:52%;-o-object-fit:contain;object-fit:contain}.so-half__text{position:relative;display:flex;flex-direction:column;gap:.4rem;--so-scrim-h:50%;transition:opacity var(--dur-med) var(--ease-standard)}.so-half__text--narrow{display:none}.so-half__title{font-family:var(--font-gyrotrope);font-weight:900;line-height:1.1;font-size:clamp(1.6rem,3.2vw,2.6rem)}.so-half__pitch{opacity:.9}.so-half .so-half__cta{align-self:flex-start;max-inline-size:100%;block-size:auto;min-block-size:2.75rem;white-space:normal;text-align:start;line-height:1.2}.so-half__cta{margin-block-start:.6rem;opacity:0;transition:opacity var(--dur-med) var(--ease-standard)}@media (hover:hover) and (pointer:fine){.so-half:hover :is(.so-half__bg,.so-half__art,.so-half__cta,.so-half__iso){opacity:1}.so-half:hover .so-half__bg--sky{transform:translateY(37.5%)}}.so-half:focus-visible :is(.so-half__bg,.so-half__art,.so-half__cta,.so-half__iso),.so-splash[data-expanded=commercial] .so-half--commercial :is(.so-half__bg,.so-half__art,.so-half__cta,.so-half__iso),.so-splash[data-expanded=residential] .so-half--residential :is(.so-half__bg,.so-half__art,.so-half__cta,.so-half__iso){opacity:1}.so-half:focus-visible .so-half__bg--sky,.so-splash[data-expanded=residential] .so-half--residential .so-half__bg--sky{transform:translateY(37.5%)}.so-half:focus-visible{outline:none}.so-half:focus-visible:after{content:"";position:absolute;inset:6px;z-index:1;pointer-events:none;border:3px solid var(--so-color-gold-500);border-radius:4px;box-shadow:0 0 0 2px var(--so-color-blue-900),inset 0 0 0 2px var(--so-color-blue-900)}.so-splash[data-entering] .so-half:focus-visible:after{content:none}@media (min-width:768px){.so-splash{container-type:inline-size;overflow-x:clip;--so-tx:calc(50cqw - var(--so-cold));--so-hot:calc((100cqw - 4 * var(--so-pad)) / 1.33 + 2 * var(--so-pad));--so-cold:calc(100cqw - var(--so-hot));--so-hot-x:calc(var(--so-hot) / 2 - 25cqw);--so-cold-x:calc(var(--so-cold) / 2 - 25cqw)}.so-half{flex:none;inline-size:var(--so-hot);transition:transform var(--dur-med) var(--ease-standard),opacity var(--dur-med) var(--ease-standard)}.so-half--commercial{margin-inline-start:calc(100cqw - 2 * var(--so-hot));background:var(--so-color-blue-900);transform:translateX(calc(var(--so-dir) * var(--so-tx)))}.so-half__art{position:relative;inset:auto;flex:1 1 0;min-block-size:0;max-block-size:calc(52% + 1.04 * var(--so-pad));block-size:auto;inline-size:42cqw;margin-block:calc(5.75rem - var(--so-pad)) auto;margin-inline-start:calc(4cqw - var(--so-pad));-o-object-position:50% 0;object-position:50% 0;transform-origin:50% 0;transition:opacity var(--dur-med) var(--ease-standard),transform var(--dur-med) var(--ease-standard)}.so-half>.so-half__text:not(.so-half__text--narrow){margin-block-start:1rem}.so-half--residential .so-half__art{transform:translateX(calc(var(--so-dir) * var(--so-r-x, 0px))) scale(var(--so-r-s,1))}.so-half--commercial .so-half__art{transform:translateX(calc(var(--so-dir) * var(--so-c-x, 0px))) scale(var(--so-c-s,1))}.so-half__text{max-inline-size:calc(50cqw - 2 * var(--so-pad))}.so-half__text--narrow{display:flex;position:absolute;inset-inline-start:var(--so-pad);inset-block-end:var(--so-pad);inline-size:calc(var(--so-cold) - 2 * var(--so-pad));opacity:0}.so-splash:has(>.so-half--residential:focus-visible),.so-splash[data-expanded=residential]{--so-tx:calc(var(--so-hot) - var(--so-cold));--so-r-x:var(--so-hot-x);--so-r-s:var(--so-residential-grow,1);--so-c-x:var(--so-cold-x);--so-c-s:var(--so-commercial-shrink,.5)}.so-splash:has(>.so-half--residential:focus-visible) .so-half--commercial,.so-splash[data-expanded=residential] .so-half--commercial{--so-wide:0;--so-narrow:1}.so-splash:has(>.so-half--commercial:focus-visible),.so-splash[data-expanded=commercial]{--so-tx:0px;--so-c-x:var(--so-hot-x);--so-c-s:var(--so-commercial-grow,1);--so-r-x:var(--so-cold-x);--so-r-s:var(--so-residential-shrink,.5)}.so-splash:has(>.so-half--commercial:focus-visible) .so-half--residential,.so-splash[data-expanded=commercial] .so-half--residential{--so-wide:0;--so-narrow:1}.so-half>.so-half__text{opacity:var(--so-wide,1)}.so-half>.so-half__text--narrow{opacity:var(--so-narrow,0)}}@media (min-width:768px) and (hover:hover) and (pointer:fine){.so-splash:has(>.so-half--residential:hover){--so-tx:calc(var(--so-hot) - var(--so-cold));--so-r-x:var(--so-hot-x);--so-r-s:var(--so-residential-grow,1);--so-c-x:var(--so-cold-x);--so-c-s:var(--so-commercial-shrink,.5)}.so-splash:has(>.so-half--residential:hover) .so-half--commercial{--so-wide:0;--so-narrow:1}.so-splash:has(>.so-half--commercial:hover){--so-tx:0px;--so-c-x:var(--so-hot-x);--so-c-s:var(--so-commercial-grow,1);--so-r-x:var(--so-cold-x);--so-r-s:var(--so-residential-shrink,.5)}.so-splash:has(>.so-half--commercial:hover) .so-half--residential{--so-wide:0;--so-narrow:1}}@media (min-width:768px) and (max-height:500px){.so-splash:is([data-expanded],:has(>.so-half:hover),:has(>.so-half:focus-visible)){--so-tx:calc(50cqw - var(--so-cold));--so-r-x:0px;--so-r-s:1;--so-c-x:0px;--so-c-s:1}.so-splash:is([data-expanded],:has(>.so-half:hover),:has(>.so-half:focus-visible))>.so-half{--so-wide:1;--so-narrow:0}}@media (max-width:767px){.so-splash{flex-direction:column;--so-seam-room:0rem}.so-half--residential{order:1;padding-block-end:calc(var(--so-pad) + var(--so-seam-room))}.so-half--commercial{order:3}.so-half__art{position:relative;inset:auto;flex:1 1 0;min-block-size:0;block-size:auto;inline-size:84%;margin-inline:auto;margin-block:var(--so-seam-room) .75rem}.so-half--residential .so-half__art{margin-block-start:0}.so-half__art,.so-half__iso{opacity:1}.so-half--residential .so-half__bg--sky{transform:translateY(37.5%)}.so-half--residential:focus-visible:after{inset-block-end:calc(6px + var(--so-seam-room))}.so-half--commercial:focus-visible:after{inset-block-start:calc(6px + var(--so-seam-room))}.so-half{min-block-size:11rem;transition:flex var(--dur-med) var(--ease-standard)}.so-splash:has(.so-half:focus-visible) .so-half,.so-splash[data-expanded] .so-half{flex:.33}.so-splash:has(.so-half:focus-visible) .so-half:focus-visible{flex:1}.so-splash[data-expanded=commercial] .so-half--commercial,.so-splash[data-expanded=residential] .so-half--residential{flex:1;min-block-size:14rem}}@media (max-width:767px) and (max-height:700px){.so-half{padding-block:1rem}.so-half--residential{padding-block-end:calc(1rem + var(--so-seam-room))}}@media (max-width:767px) and (max-height:700px) and (hover:none){.so-splash:not([data-expanded=commercial]) .so-half--commercial:not(:focus-visible) .so-half__cta,.so-splash:not([data-expanded=residential]) .so-half--residential:not(:focus-visible) .so-half__cta{position:absolute;opacity:0}}.so-half__go{display:none}@media (hover:none){.so-half--residential{--so-tap-delay:.9s}.so-half--commercial{--so-tap-delay:3.3s}.so-half__text:not(.so-half__text--narrow) .so-half__title{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.so-half__go{position:relative;flex:none;display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;border-radius:9999px;background:var(--so-color-gold-500);color:var(--so-color-blue-900)}.so-half__go:after{content:"";inset:-6px;border-radius:9999px;border:3px solid var(--so-color-gold-500)}.so-half__go:after,.so-half__hand{position:absolute;opacity:0;pointer-events:none}.so-half__hand{inset-inline-start:calc(50% - 10px);inset-block-start:calc(50% - 1px);inline-size:2.25rem;block-size:2.25rem;color:#fff;transform-origin:14px 5px;filter:drop-shadow(0 0 6px rgb(252 198 89/.7)) drop-shadow(0 3px 6px rgb(29 29 107/.6))}}@media (hover:none) and (prefers-reduced-motion:no-preference){.so-splash:not([data-expanded]):not([data-entering]) .so-half__go:after{animation:so-tap-ring 4.8s var(--ease-standard) var(--so-tap-delay) infinite both}.so-splash:not([data-expanded]):not([data-entering]) .so-half__hand{animation:so-tap-hand 4.8s var(--ease-standard) var(--so-tap-delay) infinite both}.so-splash:not([data-expanded]):not([data-entering]) .so-half__art{animation:so-tap-swell 4.8s var(--ease-standard) var(--so-tap-delay) infinite both}}@keyframes so-tap-hand{0%{opacity:0;transform:translate(10px,18px)}5%{opacity:1;transform:none}9%{transform:scale(.86)}14%{transform:none}26%{opacity:1}32%,to{opacity:0;transform:none}}@keyframes so-tap-ring{0%,7%{opacity:0;transform:scale(.7)}10%{opacity:.9}28%,to{opacity:0;transform:scale(1.8)}}@keyframes so-tap-swell{0%,24%,to{scale:1}10%{scale:1.05}}@media (min-width:768px){.so-splash[data-entering][data-entering=residential]{--so-tx:calc(var(--so-hot) - var(--so-cold));--so-r-x:var(--so-hot-x);--so-r-s:var(--so-residential-grow,1);--so-c-x:var(--so-cold-x);--so-c-s:var(--so-commercial-shrink,.5)}.so-splash[data-entering][data-entering=commercial]{--so-tx:0px;--so-c-x:var(--so-hot-x);--so-c-s:var(--so-commercial-grow,1);--so-r-x:var(--so-cold-x);--so-r-s:var(--so-residential-shrink,.5)}.so-splash[data-entering][data-entering=commercial] .so-half--commercial,.so-splash[data-entering][data-entering=residential] .so-half--residential{--so-wide:1;--so-narrow:0}.so-splash[data-entering][data-entering=commercial] .so-half--residential,.so-splash[data-entering][data-entering=residential] .so-half--commercial{--so-wide:0;--so-narrow:1}}.so-splash[data-entering=commercial] .so-half--commercial :is(.so-half__bg,.so-half__art,.so-half__cta,.so-half__iso),.so-splash[data-entering=residential] .so-half--residential :is(.so-half__bg,.so-half__art,.so-half__cta){opacity:1}.so-splash[data-entering=residential] .so-half--residential .so-half__bg--sky{transform:translateY(37.5%)}.so-splash[data-entering] .so-half{transition:transform var(--dur-med) var(--ease-standard),opacity var(--dur-med) var(--ease-standard);opacity:0}.so-splash[data-entering=commercial] .so-half--commercial,.so-splash[data-entering=residential] .so-half--residential{z-index:1;transform-origin:50% 35%;transition:transform var(--dur-slow) var(--ease-emphasis),opacity var(--dur-med) var(--ease-standard) calc(var(--dur-slow) - var(--dur-med))}.so-splash[data-entering=residential] .so-half--residential{transform:scale(6)}.so-splash[data-entering=commercial] .so-half--commercial{transform:translateX(calc(var(--so-dir) * var(--so-tx))) scale(6)}.so-splash[data-entering],.so-stage:has(>.so-splash[data-entering]){background:var(--so-color-blue-700)}@media (prefers-reduced-motion:reduce){.so-half,.so-half__art,.so-half__bg,.so-half__cta,.so-half__iso,.so-half__text{transition:none}.so-splash[data-entering] .so-half{transition:opacity var(--dur-fast)}.so-splash[data-entering=residential] .so-half--residential{transform:none}.so-splash[data-entering=commercial] .so-half--commercial{transform:translateX(calc(var(--so-dir) * var(--so-tx)))}}.so-dive{position:fixed;inset-inline:0;inset-block-end:0;z-index:45;overflow:clip;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-standard)}.so-dive>.so-stage{min-block-size:100%}.so-dive[data-revealing]{opacity:0}@media (prefers-reduced-motion:reduce){.so-dive{transition:opacity var(--dur-fast) linear!important}}