/* ========================================================== SIERRA ISLA BORACAY BOUTIQUE HOTEL ADVANCED CUSTOM FRONTEND MASTER CSS V2.5 — HOME RESTORE + EXPLORE SAFE IMPORTANT: - HotelLink's native booking widget is intentionally left alone for now. - No experimental DOM hard-fix rules are included. - Restores the full luxury Sierra homepage styling. - Keeps the Explore page isolated under #sierra-explore. ========================================================== */@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Montserrat:wght@400;500;600&display=swap');/* ========================================================== 0. BRAND SYSTEM ========================================================== */:root{--si-ivory: #F6F2EB; --si-ivory-soft: #F1ECE4; --si-white: #FFFFFF; --si-seafoam: #629593; --si-seafoam-dark: #4F7D7A; --si-champagne: #DCC8A1; --si-charcoal: #4F4A45; --si-charcoal-dark: #37332F; --si-muted: #756F68; --si-line: rgba(79,74,69,.13); --si-content: 1280px}/* ========================================================== 1. GLOBAL ========================================================== */html{scroll-behavior: smooth !important}html,body{margin: 0 !important; padding: 0 !important; overflow-x: hidden !important; background: var(--si-ivory) !important; color: var(--si-charcoal) !important; font-family: 'Montserrat', Arial, sans-serif !important; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility}body,p,li,a,input,select,button,textarea{font-family: 'Montserrat', Arial, sans-serif !important}body{font-size: 16px !important; line-height: 1.7 !important}h1,h2,h3,h4,h5,h6{color: var(--si-charcoal) !important; font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif !important; font-weight: 500 !important}a{color: var(--si-seafoam)}a:hover,a:focus{color: var(--si-seafoam-dark)}#primary-container{background: var(--si-ivory) !important}/* ========================================================== 2. HEADER Booking/Reservation styling intentionally left native. ========================================================== */#top .upper,#main-menu{position: relative !important; top: auto !important; left: auto !important; right: auto !important; width: 100% !important; background: rgba(246,242,235,.99) !important; border: 0 !important; box-shadow: none !important; z-index: 1000 !important}#main-menu{border-bottom: 1px solid rgba(79,74,69,.10) !important}#main-menu nav.top-bar{width: calc(100% - 70px) !important; max-width: 1180px !important; height: 88px !important; min-height: 88px !important; margin: 0 auto !important; background: transparent !important}#main-menu nav.top-bar,#main-menu nav.top-bar .top-bar-section,#main-menu nav.top-bar .top-bar-section ul,#main-menu nav.top-bar .top-bar-section ul li{background: transparent !important}/* ========================================================== 3. HEADER LOGO ========================================================== */#main-menu .title-area,#main-menu .title-area .name{height: 88px !important; min-height: 88px !important}#main-menu .title-area img,#main-menu .title-area .name img,#main-menu .title-area a img{width: auto !important; max-width: 255px !important; max-height: 70px !important; margin-top: 9px !important; object-fit: contain !important}/* ========================================================== 4. NAVIGATION ========================================================== */#main-menu nav.top-bar .top-bar-section > ul > li > a{height: 88px !important; line-height: 88px !important; padding-left: 18px !important; padding-right: 18px !important; background: transparent !important; color: var(--si-charcoal) !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: 1.55px !important; text-transform: uppercase !important; transition: color .25s ease !important}#main-menu nav.top-bar .top-bar-section > ul > li.active > a,#main-menu nav.top-bar .top-bar-section > ul > li > a:hover{color: var(--si-seafoam) !important; background: transparent !important}/* ========================================================== 5. HERO ========================================================== */#top #banner{position: relative !important; width: 100% !important; height: 560px !important; max-height: 560px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important}#top #banner .sld-ccp,#top #banner .nivoSlider,#top #banner .nivo-slice,#top #banner .nivo-box{height: 560px !important; max-height: 560px !important}#top #banner .nivoSlider img,#top #banner img.nivo-main-image{width: 100% !important; height: 560px !important; min-height: 560px !important; object-fit: cover !important; object-position: center center !important}#top #banner::after{content: '' !important; position: absolute !important; z-index: 4 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; height: 30% !important; pointer-events: none !important; background: linear-gradient( to bottom, rgba(0,0,0,0), rgba(0,0,0,.10) ) !important}/* ========================================================== 6. HOTEL LINK NATIVE CONTENT ========================================================== */.bws-featured{display: none !important}/* ========================================================== 7. CUSTOM HOME CANVAS ========================================================== */.si-home{position: relative !important; width: 100vw !important; max-width: none !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding: 0 !important; overflow: hidden !important; background: var(--si-ivory) !important}.si-inner{width: calc(100% - 110px) !important; max-width: var(--si-content) !important; margin: 0 auto !important}/* ========================================================== 8. TYPOGRAPHY ========================================================== */.si-kicker{display: block !important; margin: 0 0 17px !important; color: var(--si-seafoam) !important; font-size: clamp(11px, .75vw, 13px) !important; font-weight: 500 !important; letter-spacing: 3px !important; line-height: 1.3 !important; text-transform: uppercase !important}.si-title{margin: 0 0 27px !important; color: var(--si-charcoal) !important; font-family: 'Cormorant Garamond', Georgia, serif !important; font-size: clamp(47px, 4vw, 66px) !important; font-weight: 500 !important; line-height: .99 !important; letter-spacing: -.5px !important}.si-copy{color: var(--si-charcoal) !important; font-size: clamp(15px, 1vw, 17px) !important; line-height: 1.8 !important}.si-copy p{margin: 0 0 20px !important}/* ========================================================== 9. CUSTOM BUTTONS ========================================================== */.si-button{display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 52px !important; padding: 0 29px !important; box-sizing: border-box !important; background: transparent !important; color: var(--si-charcoal) !important; border: 1px solid var(--si-seafoam) !important; font-size: 11.5px !important; font-weight: 500 !important; letter-spacing: 1.6px !important; text-decoration: none !important; text-transform: uppercase !important; transition: background .25s ease, color .25s ease, transform .25s ease, box-shadow .25s ease !important}.si-button:hover{background: var(--si-seafoam) !important; color: var(--si-white) !important; transform: translateY(-2px) !important; box-shadow: 0 10px 24px rgba(82,127,125,.16) !important}/* ========================================================== 10. TABLE LAYOUT ========================================================== */table.si-layout,table.si-layout tbody,table.si-layout tr{width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-spacing: 0 !important; border-collapse: collapse !important; background: transparent !important}table.si-layout{table-layout: fixed !important}table.si-layout td{margin: 0 !important; vertical-align: middle !important; border: 0 !important; background: transparent !important}/* ========================================================== 11. WELCOME — TIGHTER HERO TRANSITION ========================================================== */.si-welcome{margin-top: 0 !important; padding-top: 0 !important; background: var(--si-ivory) !important}.si-welcome-copy{width: 46% !important; padding: 48px 5.5vw 64px 7vw !important; box-sizing: border-box !important}.si-welcome-copy-inner{max-width: 555px !important}.si-welcome-photo{width: 54% !important; height: auto !important; padding: 36px 3.5vw 36px 0 !important; box-sizing: border-box !important; overflow: hidden !important; line-height: 0 !important; filter: drop-shadow(0 25px 24px rgba(42,48,46,.17))}.si-welcome-photo img{display: block !important; width: 100% !important; height: 465px !important; object-fit: cover !important; object-position: center 55% !important; border: 0 !important; animation: siWelcomeMotion 18s ease-in-out infinite alternate !important; will-change: transform}/* ========================================================== 12. BENEFITS ========================================================== */.si-benefits{background: var(--si-ivory-soft) !important; border-top: 1px solid var(--si-line) !important; border-bottom: 1px solid var(--si-line) !important}.si-benefits td{position: relative !important; width: 33.333% !important; padding: 34px 30px !important; box-sizing: border-box !important; text-align: center !important}.si-benefits td + td{border-left: 1px solid var(--si-line) !important}.si-benefit-symbol{display: block !important; margin-bottom: 12px !important; color: var(--si-champagne) !important; font-family: Georgia, serif !important; font-size: 36px !important; line-height: 34px !important}.si-benefit-title{display: block !important; margin-bottom: 8px !important; color: var(--si-charcoal-dark) !important; font-size: 16px !important; font-weight: 600 !important; letter-spacing: 1.5px !important; line-height: 1.35 !important; text-transform: uppercase !important}.si-benefit-copy{display: block !important; color: var(--si-muted) !important; font-size: 14px !important; line-height: 1.55 !important}/* ========================================================== 13. ROOMS ========================================================== */.si-rooms{padding: 82px 0 92px !important; background: var(--si-ivory) !important}.si-room-header{width: 100% !important; margin-bottom: 33px !important}.si-room-header td{vertical-align: bottom !important}.si-room-header-right{text-align: right !important}.si-view-all{color: var(--si-seafoam) !important; border-bottom: 1px solid var(--si-seafoam) !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: 1.4px !important; text-decoration: none !important; text-transform: uppercase !important}.si-room-table td{width: 33.333% !important; padding-right: 15px !important; padding-left: 15px !important; vertical-align: top !important}.si-room-table td:first-child{padding-left: 0 !important}.si-room-table td:last-child{padding-right: 0 !important}.si-room-card{display: block !important; width: 100% !important; background: var(--si-white) !important; border: 0 !important; box-shadow: 0 16px 38px rgba(42,48,46,.10) !important; color: inherit !important; text-decoration: none !important; transition: transform .35s ease, box-shadow .35s ease !important}.si-room-card:hover{transform: translateY(-6px) !important; box-shadow: 0 25px 54px rgba(42,48,46,.16) !important}.si-room-photo{height: 250px !important; padding: 0 !important; overflow: hidden !important; line-height: 0 !important}.si-room-photo img{display: block !important; width: 100% !important; height: 250px !important; object-fit: cover !important; transition: transform .6s ease !important}.si-room-card:hover .si-room-photo img{transform: scale(1.035) !important}.si-room-details{position: relative !important; min-height: 102px !important; padding: 19px 47px 21px 20px !important; box-sizing: border-box !important}.si-room-name{display: block !important; margin-bottom: 7px !important; color: var(--si-charcoal-dark) !important; font-size: 15px !important; font-weight: 600 !important}.si-room-desc{display: block !important; color: var(--si-muted) !important; font-size: 12.5px !important; line-height: 1.55 !important}.si-room-arrow{position: absolute !important; right: 20px !important; bottom: 21px !important; color: var(--si-seafoam) !important; font-size: 19px !important}/* ========================================================== 14. OCEAN CLUB ========================================================== */.si-ocean{background: var(--si-ivory-soft) !important}.si-ocean-photo{width: 59% !important; padding: 52px 0 52px 2.5vw !important; box-sizing: border-box !important; overflow: hidden !important; line-height: 0 !important; filter: drop-shadow(0 28px 27px rgba(42,48,46,.18))}.si-ocean-photo img{display: block !important; width: 100% !important; height: 450px !important; object-fit: cover !important; animation: siOceanMotion 22s ease-in-out infinite alternate !important; will-change: transform}.si-ocean-copy{width: 41% !important; padding: 70px 6.5vw 70px 5vw !important; box-sizing: border-box !important}.si-ocean-copy-inner{max-width: 470px !important}/* ========================================================== 15. EXPLORE BORACAY ========================================================== */.si-explore{background: var(--si-ivory) !important}.si-explore-copy{width: 46% !important; padding: 78px 5.5vw 78px 7vw !important; box-sizing: border-box !important}.si-explore-copy-inner{max-width: 520px !important}.si-explore-photo{width: 54% !important; padding: 50px 3.5vw 50px 0 !important; box-sizing: border-box !important; overflow: hidden !important; line-height: 0 !important; filter: drop-shadow(0 27px 26px rgba(42,48,46,.16))}.si-explore-photo img{display: block !important; width: 100% !important; height: 390px !important; object-fit: cover !important; animation: siExploreMotion 20s ease-in-out infinite alternate !important; will-change: transform}/* ========================================================== 16. COLLECTION ========================================================== */.si-collection{padding: 75px 0 82px !important; background: var(--si-ivory-soft) !important; border-top: 1px solid var(--si-line) !important; border-bottom: 1px solid var(--si-line) !important}.si-collection-top td{vertical-align: middle !important}.si-collection-copy{width: 47% !important; padding-right: 38px !important; box-sizing: border-box !important}.si-collection-copy h2{margin: 4px 0 10px !important; font-size: clamp(36px, 2.7vw, 46px) !important; line-height: 1.05 !important}.si-collection-copy p{max-width: 590px !important; margin: 0 !important; color: var(--si-muted) !important; font-size: 13.5px !important; line-height: 1.7 !important}/* ========================================================== 17. SIERRA LUXE LOGO ========================================================== */.si-luxe-cell{width: 30% !important; padding: 4px 14px !important; box-sizing: border-box !important; text-align: center !important; overflow: visible !important; border-left: 1px solid var(--si-line) !important; border-right: 1px solid var(--si-line) !important}.si-luxe-cell img{display: block !important; width: 100% !important; max-width: 285px !important; max-height: 165px !important; margin: 0 auto !important; object-fit: contain !important; background: transparent !important; mix-blend-mode: multiply !important; transform: scale(1.20) !important; transform-origin: center center !important}.si-collection-button{width: 23% !important; padding-left: 30px !important; box-sizing: border-box !important; text-align: center !important}/* ========================================================== 18. COLLECTION PROPERTIES ========================================================== */.si-portfolio{margin-top: 48px !important}.si-portfolio td{width: 50% !important; padding-right: 14px !important; padding-left: 14px !important}.si-portfolio td:first-child{padding-left: 0 !important}.si-portfolio td:last-child{padding-right: 0 !important}.si-property{position: relative !important; height: 285px !important; overflow: hidden !important; line-height: 0 !important; box-shadow: 0 20px 48px rgba(42,48,46,.15) !important; transition: transform .35s ease, box-shadow .35s ease !important}.si-property:hover{transform: translateY(-6px) !important; box-shadow: 0 30px 65px rgba(42,48,46,.20) !important}.si-property > img{display: block !important; width: 100% !important; height: 285px !important; object-fit: cover !important; transition: transform .65s ease !important}.si-property:hover > img{transform: scale(1.035) !important}.si-property-overlay{position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; padding: 72px 24px 22px !important; box-sizing: border-box !important; line-height: normal !important; background: linear-gradient( to top, rgba(20,20,20,.72), rgba(20,20,20,0) ) !important}.si-property-logo{display: inline-block !important; width: 65px !important; height: 65px !important; margin-right: 14px !important; padding: 5px !important; vertical-align: middle !important; box-sizing: border-box !important; background: rgba(255,255,255,.95) !important}.si-property-logo img{width: 100% !important; height: 100% !important; object-fit: contain !important}.si-property-text{display: inline-block !important; vertical-align: middle !important}.si-property-name{display: block !important; color: #FFFFFF !important; font-family: 'Cormorant Garamond', Georgia, serif !important; font-size: 30px !important; line-height: 1.05 !important}.si-property-type{display: block !important; margin-top: 5px !important; color: rgba(255,255,255,.9) !important; font-size: 10px !important; letter-spacing: 1.45px !important; text-transform: uppercase !important}/* ========================================================== 19. FINAL CTA ========================================================== */.si-final{position: relative !important; padding: 50px 0 !important; overflow: hidden !important; background: linear-gradient( 100deg, #578A88 0%, #629593 58%, #70A09D 100% ) !important}.si-final::after{content: '' !important; position: absolute !important; z-index: 1 !important; right: -65px !important; bottom: -92px !important; width: 610px !important; height: 365px !important; opacity: .20 !important; pointer-events: none !important; background-repeat: no-repeat !important; background-position: right bottom !important; background-size: contain !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 700 430'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M495 440 C482 372 480 309 490 255 C501 198 517 158 535 125 L565 132 C546 177 533 216 527 260 C519 316 522 374 535 440 Z'/%3E%3Cpath d='M548 142 C470 88 395 73 292 91 C374 111 432 136 509 166 Z'/%3E%3Cpath d='M548 142 C472 132 400 153 329 208 C415 185 471 178 527 175 Z'/%3E%3Cpath d='M548 142 C516 72 511 18 525 -40 C545 32 557 83 566 135 Z'/%3E%3Cpath d='M548 142 C602 74 664 46 744 53 C666 82 614 113 570 159 Z'/%3E%3Cpath d='M548 142 C624 119 686 130 752 178 C666 160 610 160 562 174 Z'/%3E%3Cpath d='M548 142 C601 161 641 204 664 269 C618 214 584 188 549 175 Z'/%3E%3C/g%3E%3C/svg%3E") !important}.si-final .si-inner{position: relative !important; z-index: 3 !important}.si-final-table{max-width: 1040px !important; margin: 0 auto !important}.si-final-copy{width: 67% !important}.si-final-action{width: 33% !important; text-align: right !important}.si-final h2{margin: 0 !important; color: #FFFFFF !important; font-size: clamp(37px, 3vw, 48px) !important; line-height: 1.05 !important}.si-final p{margin: 7px 0 0 !important; color: rgba(255,255,255,.90) !important; font-size: 13px !important}.si-final .si-button{background: #FFFFFF !important; color: var(--si-seafoam-dark) !important; border-color: #FFFFFF !important}/* ========================================================== 20. FOOTER + PALM SHADOW ========================================================== */#bottom{position: relative !important; min-height: 220px !important; padding-top: 58px !important; padding-bottom: 58px !important; box-sizing: border-box !important; overflow: hidden !important; background: var(--si-ivory) !important; color: var(--si-charcoal) !important; border-top: 1px solid rgba(79,74,69,.10) !important}#bottom::before{content: '' !important; position: absolute !important; z-index: 0 !important; left: -85px !important; bottom: -115px !important; width: 600px !important; height: 375px !important; opacity: .11 !important; pointer-events: none !important; transform: scaleX(-1) rotate(-8deg) !important; background-repeat: no-repeat !important; background-position: left bottom !important; background-size: contain !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 700 430'%3E%3Cg fill='%23629593'%3E%3Cpath d='M495 440 C482 372 480 309 490 255 C501 198 517 158 535 125 L565 132 C546 177 533 216 527 260 C519 316 522 374 535 440 Z'/%3E%3Cpath d='M548 142 C470 88 395 73 292 91 C374 111 432 136 509 166 Z'/%3E%3Cpath d='M548 142 C472 132 400 153 329 208 C415 185 471 178 527 175 Z'/%3E%3Cpath d='M548 142 C516 72 511 18 525 -40 C545 32 557 83 566 135 Z'/%3E%3Cpath d='M548 142 C602 74 664 46 744 53 C666 82 614 113 570 159 Z'/%3E%3Cpath d='M548 142 C624 119 686 130 752 178 C666 160 610 160 562 174 Z'/%3E%3Cpath d='M548 142 C601 161 641 204 664 269 C618 214 584 188 549 175 Z'/%3E%3C/g%3E%3C/svg%3E") !important}#bottom > *{position: relative !important; z-index: 2 !important}#bottom,#bottom p,#bottom li{color: var(--si-charcoal) !important; font-size: 12px !important; line-height: 1.7 !important}#bottom a{color: var(--si-charcoal) !important}#bottom a:hover{color: var(--si-seafoam) !important}/* ========================================================== 21. CINEMATIC IMAGE MOTION ========================================================== */@keyframes siWelcomeMotion{0%{transform: scale(1) translate3d(0,0,0)}100%{transform: scale(1.045) translate3d(-.6%,-.3%,0)}}@keyframes siOceanMotion{0%{transform: scale(1) translate3d(0,0,0)}100%{transform: scale(1.055) translate3d(-1%,0,0)}}@keyframes siExploreMotion{0%{transform: scale(1.05) translate3d(-.4%,0,0)}100%{transform: scale(1) translate3d(0,0,0)}}/* ========================================================== 22. TABLET ========================================================== */@media only screen and (min-width: 768px) and (max-width: 1100px){.si-inner{width: calc(100% - 70px) !important}.si-welcome-copy, .si-ocean-copy, .si-explore-copy{padding-left: 42px !important; padding-right: 42px !important}#main-menu nav.top-bar{width: calc(100% - 40px) !important}#main-menu nav.top-bar .top-bar-section > ul > li > a{padding-left: 12px !important; padding-right: 12px !important; font-size: 10.5px !important}}/* ========================================================== 23. MOBILE ========================================================== */@media only screen and (max-width: 767px){#main-menu nav.top-bar{width: 100% !important; height: auto !important; min-height: auto !important}#main-menu nav.top-bar .top-bar-section > ul > li > a{height: auto !important; line-height: 1.4 !important; padding: 15px 20px !important}#top #banner, #top #banner .sld-ccp, #top #banner .nivoSlider, #top #banner .nivoSlider img, #top #banner img.nivo-main-image{height: 470px !important; min-height: 470px !important; max-height: 470px !important}.si-home{width: 100% !important; margin-left: 0 !important; margin-right: 0 !important}.si-inner{width: calc(100% - 38px) !important}.si-title{font-size: 42px !important}table.si-responsive, table.si-responsive tbody, table.si-responsive tr, table.si-responsive td{display: block !important; width: 100% !important; box-sizing: border-box !important}.si-welcome-copy{width: 100% !important; padding: 44px 24px 36px !important}.si-welcome-photo{width: 100% !important; padding: 0 20px 40px !important}.si-welcome-photo img{height: 320px !important}.si-benefits td{padding: 28px 20px !important; border-left: 0 !important; border-top: 1px solid var(--si-line) !important}.si-benefits td:first-child{border-top: 0 !important}.si-room-table td{padding: 0 0 25px !important}.si-ocean-photo, .si-explore-photo{width: 100% !important; padding: 38px 20px 0 !important}.si-ocean-copy, .si-explore-copy{width: 100% !important; padding: 52px 24px 60px !important}.si-collection-copy, .si-luxe-cell, .si-collection-button{width: 100% !important; padding: 22px 0 !important; border-left: 0 !important; border-right: 0 !important; text-align: center !important}.si-luxe-cell{border-top: 1px solid var(--si-line) !important; border-bottom: 1px solid var(--si-line) !important}.si-luxe-cell img{max-width: 260px !important; transform: scale(1.12) !important}.si-portfolio td{padding: 0 0 24px !important}.si-final-copy, .si-final-action{width: 100% !important; padding: 8px 0 !important; text-align: center !important}}/* ========================================================== 24. REDUCED MOTION ========================================================== */@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto !important}.si-welcome-photo img, .si-ocean-photo img, .si-explore-photo img{animation: none !important; transform: none !important}}/* ========================================================== 25. EXTRA PAGE — EXPLORE SCOPED HOTEL LINK SAFE BUILD IMPORTANT: - Everything below is isolated under #sierra-explore. - It will not restyle the Home page. ========================================================== */#sierra-explore{width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: #F6F2EB !important; color: #4F4A45 !important; box-sizing: border-box !important}#sierra-explore *,#sierra-explore *:before,#sierra-explore *:after{box-sizing: border-box !important}/* ---------------------------------------------------------- EXPLORE TYPOGRAPHY ---------------------------------------------------------- */#sierra-explore .siex-eyebrow{display: block !important; margin: 0 0 22px !important; padding: 0 !important; color: #629593 !important; font-family: "Montserrat", Arial, sans-serif !important; font-size: 12px !important; font-style: normal !important; font-weight: 500 !important; line-height: 1.4 !important; letter-spacing: 3.2px !important; text-transform: uppercase !important}#sierra-explore .siex-title{display: block !important; margin: 0 !important; padding: 0 !important; color: #4F4A45 !important; font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif !important; font-style: normal !important; font-weight: 500 !important; letter-spacing: -0.8px !important}#sierra-explore .siex-title span{display: block !important; margin: 0 !important; padding: 0 !important}#sierra-explore .siex-title-main{margin-bottom: 30px !important; font-size: 66px !important; line-height: .98 !important}#sierra-explore .siex-title-section{font-size: 54px !important; line-height: 1.02 !important}#sierra-explore .siex-title-ocean{margin-bottom: 30px !important; font-size: 58px !important; line-height: 1.02 !important}#sierra-explore .siex-body{display: block !important; max-width: 520px !important; margin: 0 0 22px !important; padding: 0 !important; color: #726B65 !important; font-family: "Montserrat", Arial, sans-serif !important; font-size: 16px !important; font-style: normal !important; font-weight: 400 !important; line-height: 1.8 !important}/* ========================================================== EXPLORE INTRO ========================================================== */#sierra-explore .siex-intro{display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; width: calc(100% - 100px) !important; max-width: 1320px !important; margin: 0 auto !important; padding: 105px 0 115px !important; align-items: center !important; justify-content: space-between !important; gap: 80px !important}#sierra-explore .siex-intro-copy{display: block !important; flex: 0 0 39% !important; width: 39% !important; max-width: 520px !important; margin: 0 !important; padding: 0 !important}#sierra-explore .siex-intro-image{display: block !important; position: relative !important; flex: 0 0 calc(61% - 80px) !important; width: calc(61% - 80px) !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; box-shadow: 0 28px 60px rgba(45,42,38,.12) !important}#sierra-explore .siex-intro-image img{display: block !important; width: 100% !important; height: 525px !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center !important; border: 0 !important}/* ========================================================== DISCOVER BORACAY ========================================================== */#sierra-explore .siex-discover{display: block !important; width: 100% !important; margin: 0 !important; padding: 105px 0 115px !important; background: #EFE9DF !important; border-top: 1px solid rgba(79,74,69,.10) !important; border-bottom: 1px solid rgba(79,74,69,.10) !important}#sierra-explore .siex-section-heading{display: block !important; width: calc(100% - 100px) !important; max-width: 1240px !important; margin: 0 auto 58px !important; padding: 0 !important}#sierra-explore .siex-experience-row{display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; width: calc(100% - 100px) !important; max-width: 1240px !important; margin: 0 auto !important; padding: 0 !important; border-top: 1px solid rgba(79,74,69,.15) !important; border-bottom: 1px solid rgba(79,74,69,.15) !important}#sierra-explore .siex-experience{display: block !important; flex: 1 1 33.333% !important; width: 33.333% !important; min-height: 320px !important; margin: 0 !important; padding: 42px 40px 46px !important; border-right: 1px solid rgba(79,74,69,.15) !important}#sierra-explore .siex-experience:last-child{border-right: 0 !important}#sierra-explore .siex-number{display: block !important; margin: 0 0 55px !important; padding: 0 !important; color: #D4B77D !important; font-family: "Montserrat", Arial, sans-serif !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1 !important; letter-spacing: 2px !important}#sierra-explore .siex-experience-title{display: block !important; margin: 0 0 15px !important; padding: 0 !important; color: #4F4A45 !important; font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif !important; font-size: 31px !important; font-weight: 500 !important; line-height: 1.1 !important}#sierra-explore .siex-experience-copy{display: block !important; margin: 0 !important; padding: 0 !important; color: #726B65 !important; font-family: "Montserrat", Arial, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.75 !important}/* ========================================================== EXPLORE OCEAN CLUB ========================================================== */#sierra-explore .siex-ocean{display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; width: 100% !important; margin: 0 !important; padding: 0 !important; align-items: stretch !important; background: #F6F2EB !important}#sierra-explore .siex-ocean-image{display: block !important; flex: 0 0 60% !important; width: 60% !important; min-height: 600px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important}#sierra-explore .siex-ocean-image img{display: block !important; width: 100% !important; height: 600px !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center !important; border: 0 !important}#sierra-explore .siex-ocean-copy{display: flex !important; flex: 0 0 40% !important; width: 40% !important; margin: 0 !important; padding: 75px 65px !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important}/* ========================================================== EXPLORE OUTLINE BUTTON ========================================================== */#sierra-explore .siex-outline-button{display: inline-flex !important; width: auto !important; margin: 10px 0 0 !important; padding: 19px 29px !important; align-items: center !important; justify-content: center !important; background: transparent !important; color: #4F4A45 !important; border: 1px solid #629593 !important; font-family: "Montserrat", Arial, sans-serif !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1 !important; letter-spacing: 1.7px !important; text-decoration: none !important; text-transform: uppercase !important; transition: background .25s ease, color .25s ease, transform .25s ease !important}#sierra-explore .siex-outline-button:hover{background: #629593 !important; color: #FFFFFF !important; transform: translateY(-2px) !important}/* ========================================================== EXPLORE FINAL CTA ========================================================== */#sierra-explore .siex-cta{position: relative !important; display: flex !important; width: 100% !important; min-height: 225px !important; margin: 0 !important; padding: 52px max(8vw,80px) !important; align-items: center !important; justify-content: space-between !important; gap: 60px !important; overflow: hidden !important; background: #629593 !important}#sierra-explore .siex-cta:after{content: "" !important; position: absolute !important; width: 360px !important; height: 360px !important; right: -80px !important; bottom: -190px !important; border: 42px solid rgba(255,255,255,.06) !important; border-radius: 50% !important; pointer-events: none !important}#sierra-explore .siex-cta-copy{position: relative !important; z-index: 2 !important; display: block !important}#sierra-explore .siex-eyebrow-white{color: rgba(255,255,255,.78) !important}#sierra-explore .siex-title-cta{margin-bottom: 12px !important; color: #FFFFFF !important; font-size: 48px !important; line-height: 1.05 !important}#sierra-explore .siex-cta-subtitle{color: rgba(255,255,255,.88) !important; font-family: "Montserrat", Arial, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.6 !important}#sierra-explore .siex-cta-action{position: relative !important; z-index: 2 !important; display: block !important; flex: 0 0 auto !important}/* ========================================================== EXPLORE WHITE CTA BUTTON ========================================================== */#sierra-explore .siex-white-button{display: inline-flex !important; min-width: 225px !important; padding: 20px 28px !important; align-items: center !important; justify-content: center !important; background: #FFFFFF !important; color: #4F7D7A !important; border: 1px solid #FFFFFF !important; font-family: "Montserrat", Arial, sans-serif !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1 !important; letter-spacing: 1.7px !important; text-decoration: none !important; text-transform: uppercase !important; box-shadow: 0 14px 35px rgba(30,40,38,.10) !important}/* ========================================================== EXPLORE TABLET ========================================================== */@media only screen and (max-width: 1100px){#sierra-explore .siex-intro{width: calc(100% - 60px) !important; gap: 45px !important; padding: 80px 0 90px !important}#sierra-explore .siex-intro-copy{flex-basis: 42% !important; width: 42% !important}#sierra-explore .siex-intro-image{flex-basis: calc(58% - 45px) !important; width: calc(58% - 45px) !important}#sierra-explore .siex-title-main{font-size: 55px !important}#sierra-explore .siex-intro-image img{height: 460px !important}#sierra-explore .siex-section-heading, #sierra-explore .siex-experience-row{width: calc(100% - 60px) !important}#sierra-explore .siex-experience{padding: 34px 26px 40px !important}#sierra-explore .siex-ocean-image, #sierra-explore .siex-ocean-image img{min-height: 520px !important; height: 520px !important}#sierra-explore .siex-ocean-copy{padding: 55px 40px !important}#sierra-explore .siex-title-ocean{font-size: 48px !important}}/* ========================================================== EXPLORE MOBILE ========================================================== */@media only screen and (max-width: 767px){#sierra-explore .siex-intro{display: block !important; width: calc(100% - 36px) !important; padding: 55px 0 70px !important}#sierra-explore .siex-intro-copy{display: block !important; width: 100% !important; max-width: none !important; margin-bottom: 42px !important}#sierra-explore .siex-intro-image{display: block !important; width: 100% !important}#sierra-explore .siex-title-main{font-size: 48px !important}#sierra-explore .siex-intro-image img{height: 330px !important}#sierra-explore .siex-discover{padding: 70px 0 75px !important}#sierra-explore .siex-section-heading, #sierra-explore .siex-experience-row{width: calc(100% - 36px) !important}#sierra-explore .siex-title-section{font-size: 43px !important}#sierra-explore .siex-experience-row{display: block !important}#sierra-explore .siex-experience{display: block !important; width: 100% !important; min-height: 0 !important; padding: 34px 0 38px !important; border-right: 0 !important; border-bottom: 1px solid rgba(79,74,69,.15) !important}#sierra-explore .siex-number{margin-bottom: 20px !important}#sierra-explore .siex-ocean{display: block !important}#sierra-explore .siex-ocean-image{display: block !important; width: 100% !important; min-height: 360px !important}#sierra-explore .siex-ocean-image img{width: 100% !important; height: 360px !important}#sierra-explore .siex-ocean-copy{display: block !important; width: 100% !important; padding: 55px 24px 65px !important}#sierra-explore .siex-title-ocean{font-size: 44px !important}#sierra-explore .siex-cta{display: block !important; min-height: 0 !important; padding: 52px 24px !important}#sierra-explore .siex-title-cta{font-size: 40px !important}#sierra-explore .siex-cta-action{margin-top: 30px !important}#sierra-explore .siex-white-button{width: 100% !important}}/* ==========================================================  SIERRA LUXE PROPERTY CARD LINKS  ========================================================== */.si-property-link{display: block !important; width: 100% !important; color: inherit !important; text-decoration: none !important; cursor: pointer !important}.si-property-link:hover,.si-property-link:focus,.si-property-link:visited{color: inherit !important; text-decoration: none !important}.si-property-link .si-property{cursor: pointer !important}