body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.not-found{align-items:center;background-color:#c6e9ff;display:flex;height:100vh;justify-content:center;width:100vw}.not-found h4{font-size:24px;line-height:1.1em;padding:0 10%;text-align:center}@font-face{font-display:swap;font-family:AvantGarde-Demi;font-style:normal;font-weight:400;src:url(/static/media/AvantGarde-Demi.e3c49e13542fcf22ca14.woff) format("woff")}@font-face{font-display:swap;font-family:SalesforceSans-Regular;font-style:normal;font-weight:400;src:url(/static/media/SalesforceSans-Regular.679547df303acfaf9b97.woff2) format("woff2"),url(/static/media/SalesforceSans-Regular.a361cf0439289bfd8839.woff) format("woff")}@font-face{font-display:swap;font-family:SalesforceSans-Bold;font-style:normal;font-weight:400;src:url(/static/media/SalesforceSans-Bold.edf948a2181aa81e6045.woff2) format("woff2"),url(/static/media/SalesforceSans-Bold.2f31b1d340484b82ef37.woff) format("woff")}@font-face{font-display:swap;font-family:SalesforceSans-Thin;font-style:normal;font-weight:400;src:url(/static/media/SalesforceSans-Thin.75ee6d756840be559773.woff) format("woff")}.font-app-title,.not-found h4{color:#032d60;font-family:AvantGarde-Demi,sans-serif;font-style:normal;font-weight:600}.font-app-title{font-size:20px;line-height:28px}.font-app-subtitle{font-size:14px;font-weight:700;line-height:20px}.font-app-body,.font-app-subtitle{color:#181818;font-family:SalesforceSans-Regular,sans-serif;font-style:normal}.font-app-body{font-size:12px;font-weight:400;line-height:16px}.font-app-body-error{color:#ba0517;font-family:SalesforceSans-Regular,sans-serif;font-size:10px;font-style:italic;font-weight:400;line-height:14px}header{background-color:hsla(0,0%,100%,.8);border-bottom:1px solid #dbd7d4;box-sizing:border-box;height:50px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:50}header .container{align-items:center;display:flex;height:100%;justify-content:flex-end}header .container img{height:70%;margin:0 auto 0 1em}header .container a{text-decoration:none}header .container a p{color:#215ca0;font-family:SalesforceSans-Regular,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:21px;margin:0;padding:.4em .6em}header .container a+a p{border-left:1px solid #c1b9b4}.brochure{align-items:center;display:flex;flex-direction:column;justify-content:center}.introduction{min-height:600px;position:relative}.introduction .container{height:100%;overflow-x:hidden;position:absolute;text-align:center;top:0;width:100%}.introduction .container .title{color:#032d60;font-family:AvantGarde-Demi,sans-serif;font-size:8.2vw;font-style:normal;font-weight:600;line-height:1.1em;padding:0 5%}.introduction .container .floating{opacity:0;transition:opacity 1.5s ease-out,-webkit-transform 1s ease-out;transition:opacity 1.5s ease-out,transform 1s ease-out;transition:opacity 1.5s ease-out,transform 1s ease-out,-webkit-transform 1s ease-out;transition-delay:.5s;visibility:hidden}.introduction .container .floating.active{opacity:1;visibility:visible}.introduction .container .cloud-1{left:0;top:13%;width:56%}.introduction .container .cloud-1,.introduction .container .cloud-2{max-width:-webkit-max-content;max-width:max-content;position:absolute}.introduction .container .cloud-2{right:0;top:17%;width:45%}.introduction .container .cloud-3{left:0;top:23.5%;width:87%}.introduction .container .cloud-3,.introduction .container .cloud-4{max-width:-webkit-max-content;max-width:max-content;position:absolute}.introduction .container .cloud-4{right:0;top:33%;width:44%}.introduction .container .cloud-5{max-width:-webkit-max-content;max-width:max-content;position:absolute;right:37%;top:37%;width:51%}.introduction .container .cloud-6{right:0;width:50%}.introduction .container .cloud-6,.introduction .container .cloud-7{max-width:-webkit-max-content;max-width:max-content;position:absolute;top:44%}.introduction .container .cloud-7{left:0;width:42%}.introduction .container .cloud-8{left:16%;top:52%;width:48%}.introduction .container .cloud-8,.introduction .container .cloud-9{max-width:-webkit-max-content;max-width:max-content;position:absolute}.introduction .container .cloud-9{right:0;top:57%;width:38%}.introduction .container .cloud-10{left:0;max-width:-webkit-max-content;max-width:max-content;position:absolute;top:59%;width:53%}.introduction .container .cloud-11{max-width:-webkit-max-content;max-width:max-content;position:absolute;right:11%;top:66%;width:45%}.introduction .container .cloudy-3{right:-2%;top:24%;-webkit-transform:scaleX(-1);transform:scaleX(-1);width:35%}.introduction .container .bird,.introduction .container .cloudy-3{max-width:-webkit-max-content;max-width:max-content;position:absolute}.introduction .container .bird{left:15%;top:22%;width:20%;z-index:1}.introduction .container p{font-family:SalesforceSans-Regular,sans-serif;font-size:3.1vw;font-style:normal;font-weight:400;line-height:1.4em;margin:8% 0}.introduction .brochure-tower{min-height:900px;min-width:100vw;width:100%}.brochure .cards{margin-bottom:2em;width:100%}.cards .title{color:#032d60;font-family:AvantGarde-Demi,sans-serif;font-size:7.2vw;font-style:normal;font-weight:600;line-height:1.1em;margin:50px 1.5em;text-align:center}.cards .cards__container{align-items:center;display:flex;flex-wrap:wrap;gap:60px;justify-content:center;margin:0 5vw}.cards__container .card{align-items:flex-end;aspect-ratio:16/9;background-color:#fff;border-radius:24px;display:flex;-webkit-filter:drop-shadow(0 12px 48px rgba(0,0,0,.12)) drop-shadow(0 2px 10px rgba(0,0,0,.04));filter:drop-shadow(0 12px 48px rgba(0,0,0,.12)) drop-shadow(0 2px 10px rgba(0,0,0,.04));flex:1 1;max-width:560px;position:relative}.cards__container .card .box{align-items:center;background:rgba(198,233,255,.46);border-radius:16px;display:flex;flex-direction:column;height:65%;justify-content:center;margin:0 20px 20px;width:100%}.cards__container .card .box.inactive{pointer-events:none}.cards__container .card .box.card-salesforce{background:#c6e9ff75}.cards__container .card .box.card-ohana-floors{background:#def3f2}.cards__container .card .box.card-sustainability{background:#fcf0cc}.cards__container .card .box.card-salesforce img{max-width:300px;position:absolute;top:-20px;width:65%}.cards__container .card .box.card-ohana-floors img{max-width:300px;position:absolute;top:-16px;width:70%}.cards__container .card .box.card-sustainability img{max-width:300px;position:absolute;top:-16px;width:85%}.cards__container .card .box h4{color:#032d60;font-family:AvantGarde-Demi,sans-serif;font-size:6.2vw;font-style:normal;font-weight:600;line-height:38px;margin:0;padding:50px 1em 0;text-align:center}.modal-card{background-color:#fff;display:flex;flex-direction:column;height:100%;position:fixed;top:100%;transition:top 1s;width:100%;z-index:51}.modal-card.active{top:0}.modal-card .header{background:#032d60}.header .arrow__container{align-items:center;display:flex;height:50px;justify-content:flex-start;padding-left:24px}.header .arrow__container svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.header .arrow__container svg path{fill:#fff}.modal-card h4{color:#032d60;font-family:AvantGarde-Demi,sans-serif;font-size:28px;font-style:normal;font-weight:600;line-height:140%;margin:0;padding:.8em 24px .4em}.article{align-content:center;display:flex;flex-direction:column;justify-content:space-between;overflow:scroll;padding:0 24px}.article .body{flex:1 1;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 5em),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 5em),transparent);overflow-y:scroll;padding:0 0 4em}.article .body::-webkit-scrollbar{display:none}.article .body p{color:#222;font-family:SalesforceSans-Regular,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:24px;margin:0}.article .body p:not(:last-child){margin:0 0 2em}.article .image__container{display:flex;justify-content:center;margin:0 -24px}.article .image__container.card-salesforce img{background-image:url(/static/media/card-modal-image-artwork.9c65d6f56cc98772b991.png);background-position:bottom;background-size:110%;max-width:625px;width:100%}.article .image__container.card-ohana-floors img,.article .image__container.card-sustainability img{max-width:625px;width:100%}@media screen and (min-width:640px){.introduction .container .title{font-size:53px}.cards .title{font-size:46px}.cards__container .card{min-height:300px}.cards__container .card .box h4{font-size:40px}.article h4{font-size:32px}.article p{font-size:22px;line-height:36px}}@media screen and (max-height:520px) and (orientation:landscape){.article{flex-direction:row}.article .image__container{margin:auto 0 auto 10px}.article .image__container img{max-height:35vh;width:auto!important}}.main{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 50px);justify-content:center}.main,.panoramic{position:relative}.panoramic{height:100%;overflow:hidden;width:100%}.panoramic .orientation-test{background:#fff;color:#000;left:50%;padding:4px;position:absolute;top:0}.video-container{align-items:center;display:flex;height:100%;justify-content:center}.video-container video{height:100%}.video-container .shadow-section{background-color:rgba(0,0,0,.3);-webkit-clip-path:polygon(0 0,0 100%,15% 100%,15% 15%,85% 15%,85% 85%,15% 85%,15% 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,15% 100%,15% 15%,85% 15%,85% 85%,15% 85%,15% 100%,100% 100%,100% 0);height:100%;position:absolute;top:0;width:100%}.video-container .shadow-section .text{bottom:85%;display:flex;justify-content:center;position:absolute;width:100%}.video-container .shadow-section .text p{color:#fff;font-family:SalesforceSans-Regular,sans-serif;margin:0 15% .5em;text-align:center}.toggle{left:2%;position:absolute;top:2%;z-index:2}.toggle p{background-color:#fff;font-family:SalesforceSans-Regular}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}@media only screen and (orientation:landscape) and (pointer:coarse){body{overflow:hidden}.armap{height:100vw;-webkit-transform:rotate(90deg) translateY(-100%);transform:rotate(90deg) translateY(-100%);-webkit-transform-origin:top left;transform-origin:top left;width:100vh}.armap:after{background-color:#0176d3;border-radius:20px;color:#fff;content:"ROTATE";font-size:24px;left:25px;padding:10px 20px;position:fixed;top:50%;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.main{height:100%!important}.video-container{height:auto}.video-container video{height:100vw}}.instructions{background-color:#add8e6;background-image:url(/static/media/instructions-background.07d83abc573c1e61a258.png);background-position:bottom;background-repeat:no-repeat;background-size:cover;height:100%;left:0;overflow:auto;position:absolute;top:0;width:100%;z-index:3}.instructions .content{align-items:center;color:#fff;display:flex;flex-direction:column;padding:2em}.instructions .content h4{align-self:flex-start;color:#032d60;font-family:AvantGarde-Demi,sans-serif;font-size:20px;font-style:normal;font-weight:600;line-height:28px;margin:.5em 0}.instructions .content p{color:#181818;font-family:SalesforceSans-Regular,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.instructions .content button{background-color:#0176d3;border:1px solid #0176d3;border-radius:4px;color:#fff;cursor:pointer;display:block;font-family:SalesforceSans-Regular,sans-serif;font-size:16px;letter-spacing:.3px;line-height:1;margin-top:.5em;padding:.5em 1.5em;text-align:center;text-decoration:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.permissions{background-color:#add8e6;background-image:url(/static/media/instructions-background.07d83abc573c1e61a258.png);background-position:bottom;background-repeat:no-repeat;background-size:cover;height:100%;left:0;overflow:auto;position:absolute;top:0;width:100%;z-index:2}.permissions .content{align-items:center;color:#fff;display:flex;flex-direction:column;padding:2em}.permissions .content h4{align-self:flex-start;margin:.5em 0}.permissions .content .row h3,.permissions .content .row p{margin:0}.permissions .content .row button{background-color:#0176d3;border:1px solid #0176d3;border-radius:4px;color:#fff;cursor:pointer;display:block;font-family:SalesforceSans-Regular,sans-serif;font-size:16px;font-weight:700;letter-spacing:.3px;line-height:1;line-height:28px;margin-left:12px;padding:.5em 1.5em;text-align:center;text-decoration:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.permissions .content .row{align-items:center;display:flex;justify-content:space-between;margin:.5rem 0;width:100%}.permissions .error-message{align-self:flex-start}.permissions .loader{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:8px;-webkit-transform:scale(1);transform:scale(1);width:8px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.permissions .checkmark{display:inline-block;height:22px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:22px}.permissions .checkmark_stem{background-color:#fff;height:15px;left:11px;position:absolute;top:3px;width:3px}.permissions .checkmark_kick{background-color:#fff;height:3px;left:7px;position:absolute;top:15px;width:4px}.permissions .cross{color:#fff}.compass-container{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.4);box-sizing:border-box;display:none;height:48px;position:absolute;right:calc(3% + 18px);top:calc(3% + 18px);width:48px}.compass-container.active{align-items:center;display:flex;justify-content:center}.compass-container .coordinate{align-items:baseline;color:#fff;display:flex;font-family:AvantGarde-Demi,sans-serif;font-size:12px;height:14px;justify-content:center;position:absolute;text-align:center;width:14px}.compass-container .coordinate.north{bottom:100%;margin-bottom:.5em}.compass-container .coordinate.east{left:100%;margin-left:.5em}.compass-container .coordinate.south{margin-top:.5em;top:100%}.compass-container .coordinate.west{margin-right:.5em;right:100%}.compass-container .triangle{height:0;position:absolute;width:0}.compass-container .triangle.north{border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #fff;top:-1px}.compass-container .triangle.east{border-bottom:4px solid transparent;border-right:6px solid #fff;border-top:4px solid transparent;right:-1px}.compass-container .triangle.south{border-bottom:6px solid #fff;border-left:4px solid transparent;border-right:4px solid transparent;bottom:-1px}.compass-container .triangle.west{border-bottom:4px solid transparent;border-left:6px solid #fff;border-top:4px solid transparent;left:-1px}.compass-container .compass-arrow{height:16px;width:16px}.panoramic__view{display:none;height:100%;position:absolute;top:0;z-index:1}.panoramic__view.active{display:block}.panoramic__view .landmark{position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);z-index:1}.panoramic__view .landmark.active{padding:0 10vw;position:fixed;z-index:2}.panoramic__view .landmark.active button{opacity:1;transition:opacity .5s;transition-delay:1.5s}.panoramic__view.pinned .landmark.inactive{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.5;pointer-events:none}.panoramic__view .text{font-family:monospace;font-size:18px;height:auto;text-align:center;z-index:1}.landmark .image,.landmark .information-content{position:relative}.landmark .image{align-items:center;display:flex;justify-content:center;transition:.9s}.landmark .image .image-container{height:100%;position:relative}.landmark img{height:100%}.landmark .image .arrow{position:absolute;top:66.875%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:opacity .5s,left 1s,right 1s}.landmark .image .arrow.inactive{opacity:0;transition:none}.landmark .image .arrow.right{-webkit-animation:arrowRightInch;animation:arrowRightInch;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;left:100%}.landmark .image .arrow.left{-webkit-animation:arrowLeftInch;animation:arrowLeftInch;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;right:100%;-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}.landmark .image button{align-items:center;background-color:#fff;border:0;border-radius:50%;color:#979797;display:flex;-webkit-filter:drop-shadow(0 2px 2px rgba(50,39,39,.15));filter:drop-shadow(0 2px 2px rgba(50,39,39,.15));font-weight:800;height:36px;justify-content:center;left:calc(100% - 18px);opacity:0;padding:1.5px 0 0 1.5px;position:absolute;top:calc(100% - 43px);width:36px}.landmark .image button svg{height:14px;width:14px}.landmark .information{background:#ffffffdf;border-radius:15px;padding:.5em 1.2em 24px;position:relative;top:-25px;width:0;z-index:-1}.landmark.active .information{opacity:1;transition:opacity .9s;transition-delay:.5s;width:auto}.landmark.inactive .information{opacity:0;transition:opacity .9s}.landmark .information .overflowed{margin-top:1.5em;max-height:200px;overflow-y:scroll;padding:0 .7em;width:auto}.landmark .information .overflowed::-webkit-scrollbar{height:auto;width:auto}.landmark .information .overflowed::-webkit-scrollbar-thumb{background:grey}.landmark .information .overflowed h4{color:#032d60;font-family:AvantGarde-Demi,sans-serif;font-size:20px;margin:0 0 1.2em}.landmark .information .overflowed p{color:#181818;font-family:SalesforceSans-Regular,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px}@-webkit-keyframes arrowLeftInch{12.5%{right:calc(100% + 10px)}25%{right:100%}}@keyframes arrowLeftInch{12.5%{right:calc(100% + 10px)}25%{right:100%}}@-webkit-keyframes arrowRightInch{12.5%{left:calc(100% + 10px)}25%{left:100%}}@keyframes arrowRightInch{12.5%{left:calc(100% + 10px)}25%{left:100%}}@media screen and (orientation:landscape) and (pointer:coarse){.panoramic__view .landmark{height:30%}.information-content{margin:0 20%}.landmark .image{height:120px}.landmark .information .overflowed{max-height:120px}}
/*# sourceMappingURL=main.539d10d2.css.map*/