/* Base section styling */
:root{--button-size:90px;--nav-gap:calc(101px / 2);--nav-tile-gap:10px;--tile-transition:0.35s cubic-bezier(.4,0,.2,1)}
section.gsap-grid{width:100vw;z-index:100;position:relative;inset:0;overflow:hidden;min-height:calc(100vh);padding-top:81px;top:0;max-width:100%;background:#1d1f48}
section.blue-spacer{background:#1d1f48;width:100%;height:80rem}
.gsap-grid .highlight{position:absolute;left:50%;bottom:30%;background:#fff;background:radial-gradient(circle,rgba(255,255,255,1) 0,rgba(255,255,255,0) 72%);transform:translateX(-50%);opacity:1;z-index:2;border-radius:50%;width:calc(110vw);height:200px;background:radial-gradient(rgb(255 255 255 / 64%),rgb(255 255 255 / 0) 68%);mix-blend-mode:overlay}
.grid-wrapper{z-index:3;grid-column-gap:10px;grid-row-gap:10px;justify-content:flex-start;align-items:stretch;position:absolute;inset:0;height:calc(100vh - 81px);top:81px;transform:scale(2.5)}
.grid-tile{padding:0;position:absolute;border-radius:10px;background:#31357a;overflow:hidden;z-index:3;opacity:.25}
.grid-tile-title{font-family:'Roobert Light',sans-serif;font-size:27rem}
.grid-tile:first-of-type{height:calc(50% - var(--nav-tile-gap) * 1.5);left:var(--nav-tile-gap);top:var(--nav-tile-gap);width:calc(23% - var(--nav-tile-gap) * 2);transform-origin:100% 100%}
.grid-tile:nth-of-type(2) {height: calc(50% + var(--button-size) / 2 - var(--nav-tile-gap));width: calc(27% - var(--button-size) / 2 - var(--nav-tile-gap));left: 23%;top: var(--nav-tile-gap);transform-origin: 100% 100%;position: absolute;}
.grid-tile:nth-of-type(3) {width: calc(27% + var(--button-size) / 2);height: calc(50% - var(--button-size) / 2 - var(--nav-tile-gap) * 2);top: var(--nav-tile-gap);transform-origin: 0 100%;right: 23%;}
.grid-tile:nth-of-type(4){height:calc(50% - var(--nav-tile-gap) * 1.5);top:var(--nav-tile-gap);right:var(--nav-tile-gap);width:calc(23% - var(--nav-tile-gap) * 2);transform-origin:0 100%}
.grid-tile:nth-of-type(5){height:calc(50% - var(--nav-tile-gap) * 1.5);left:var(--nav-tile-gap);bottom:var(--nav-tile-gap);width:calc(23% - var(--nav-tile-gap) * 2);transform-origin:100% 0;border-bottom-left-radius:8px;position:absolute}
.grid-tile:nth-of-type(6) {width: calc(27% + var(--button-size) / 2);height: calc(50% - var(--button-size) / 2 - var(--nav-tile-gap) * 2);left: 23%;bottom: var(--nav-tile-gap);transform-origin: 100% 0;}
.grid-tile:nth-of-type(7){height:calc(50% + var(--button-size)/ 2 - var(--nav-tile-gap));width:calc(27% - var(--button-size)/ 2 - var(--nav-tile-gap));right:23%;bottom:var(--nav-tile-gap);transform-origin:0 0}
.grid-tile:last-of-type{height:calc(50% - var(--nav-tile-gap) * 1.5);width:calc(23% - var(--nav-tile-gap) * 2);bottom:var(--nav-tile-gap);right:var(--nav-tile-gap);transform-origin:0 0;border-bottom-right-radius:8px}
.grid-wrapper .grid-tile:first-of-type{transform:translateX(calc(-10vw * 1.5)) translateY(-10vh)}
.grid-wrapper .grid-tile:nth-of-type(2){transform:translateX(calc(-10vw)) translateY(-10vh)}
.grid-wrapper .grid-tile:nth-of-type(3){transform:translateX(calc(10vw)) translateY(-10vh)}
.grid-wrapper .grid-tile:nth-of-type(4){transform:translateX(calc(10vw * 1.5)) translateY(-10vh)}
.grid-wrapper .grid-tile:nth-of-type(5){transform:translateX(calc(-10vw * 1.5)) translateY(10vh)}
.grid-wrapper .grid-tile:nth-of-type(6){transform:translateX(calc(-10vw)) translateY(10vh)}
.grid-wrapper .grid-tile:nth-of-type(7){transform:translateX(calc(10vw)) translateY(10vh)}
.grid-wrapper .grid-tile:last-of-type{transform:translateX(calc(10vw * 1.5)) translateY(10vh)}
.grid-wrapper.animation-completed .grid-tile:first-of-type,.grid-wrapper.animation-completed .grid-tile:last-of-type,.grid-wrapper.animation-completed .grid-tile:nth-of-type(2),.grid-wrapper.animation-completed .grid-tile:nth-of-type(3),.grid-wrapper.animation-completed .grid-tile:nth-of-type(4),.grid-wrapper.animation-completed .grid-tile:nth-of-type(5),.grid-wrapper.animation-completed .grid-tile:nth-of-type(6),.grid-wrapper.animation-completed .grid-tile:nth-of-type(7){transform:translate3d(0,0,0)!important}
.grid-tile-copy{font-size:18rem;margin-top:20rem;line-height:1.4}
.top-wrapper .icon-container{margin-bottom:15rem}
.top-wrapper .grid-tile-copy{opacity:0;transform:translateY(10px);transition:all .5s ease-in-out}
.bottom-wrapper{opacity:0;transform:translateY(10px);transition:all .5s ease-in-out}
.full-surface-link:hover .bottom-wrapper,.full-surface-link:hover .top-wrapper .grid-tile-copy{opacity:1}
.full-surface-link:hover .bottom-wrapper{transform:translateY(0)}
.full-surface-link:hover .top-wrapper .grid-tile-copy{transform:translateY(0)}
.full-surface-link{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;padding:20rem;flex-direction:column;justify-content:space-between;cursor:pointer;transition:all .5s ease-in-out;pointer-events:none}
.full-surface-link a.absolute-link.suite-details-link{position:absolute;top:0;left:0;width:100%;height:100%}
.full-surface-link .bottom-wrapper a{display:flex;align-items:center}
.full-surface-link .bottom-wrapper a svg{transform:translateX(5px);max-width:22px;transition:all .3s ease-in-out}
.full-surface-link:hover a svg{transform:translateX(9px)}
.full-surface-link:hover{background:#454bad}
.grid-centerpoint{z-index:101;pointer-events:auto;width:var(--button-size);height:var(--button-size);justify-content:center;align-items:center;padding:0;display:flex;position:absolute;left:50%;top:calc(50% + (81px / 2));transform:translate(-50%,-50%);width:500px;height:500px;padding:40rem;background:#11132b;border-radius:40px}
.grid-centerpoint .center-block{width:100%;height:100%;text-decoration:none;transition:border-color .4s cubic -bezier(.4,0,.2,1),background-color .4s cubic -bezier(.4,0,.2,1);display:flex;background:#11132b;z-index:2;text-align:left;cursor:pointer;border-radius:0;flex:none;justify-content:center;align-items:center;padding:0;position:relative;border-radius:40px}
.grid-centerpoint .center-block .copy{opacity:1}
.grid-centerpoint .center-block p{margin-top:0;margin-bottom:0}
.center-block .copy h3{font-family:'Roobert Regular',sans-serif;font-weight:400}
.center-icon{display:flex;justify-content:center;margin-top:25rem;margin-bottom:25rem;opacity:0}
.dummy-icon{display:flex;justify-content:center;margin-top:20rem;margin-bottom:20rem;opacity:0}
.completed-animation-icon{position:absolute;width:500px;height:500px;padding:40rem;left:50%;top:calc(50% + (81px / 2));transform:translate(-50%,-50%)!important;z-index:999;border-radius:50%;background:0 0;opacity:1}
.completed-animation-icon svg:first-of-type{border-radius:50%;background:rgba(75,205,62,0);width:31%;height:31%;padding:10rem}
.completed-animation-icon svg{width:31%;height:31%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:10rem}
.pin-placeholder{width:100%;height:100rem;position:relative}

@media(max-width:991px){
body{overflow-x:hidden}
div#gsap-container{display:none}
section.gsap-grid{height:auto;display:flex;flex-direction:column;padding-top:50rem}
.grid-wrapper{transform:scale(1);display:flex;top:0;position:relative;max-width:calc(100% - 60rem);margin-left:auto;margin-right:auto;order:2;width:100%;flex-direction:row;flex-wrap:wrap}
.grid-wrapper .grid-tile:first-of-type,.grid-wrapper .grid-tile:last-of-type,.grid-wrapper .grid-tile:nth-of-type(2),.grid-wrapper .grid-tile:nth-of-type(3),.grid-wrapper .grid-tile:nth-of-type(4),.grid-wrapper .grid-tile:nth-of-type(5),.grid-wrapper .grid-tile:nth-of-type(6),.grid-wrapper .grid-tile:nth-of-type(7){transform:translateX(0) translateY(0)}
.grid-tile{opacity:1;width:calc(50% - var(--nav-tile-gap))!important;left:0!important;height:auto!important;position:static!important}
.grid-tile:first-of-type,.grid-wrapper .grid-tile:nth-of-type(2),.grid-wrapper .grid-tile:nth-of-type(3),.grid-wrapper .grid-tile:nth-of-type(4){top:0}
.grid-wrapper .grid-tile:last-of-type,.grid-wrapper .grid-tile:nth-of-type(5),.grid-wrapper .grid-tile:nth-of-type(6),.grid-wrapper .grid-tile:nth-of-type(7){bottom:0}
.full-surface-link{position:relative}
.grid-centerpoint{position:relative;left:0;top:auto;transform:none;width:100%;height:auto;order:1;max-width:calc(100% - 60rem);margin-left:auto;margin-right:auto;margin-bottom:25rem;border-radius:10px}
.completed-animation-icon{display:none!important}
.center-icon{opacity:1}
}