:root{--bg: #e4e4e4;--navy: #111184;--blue: #3d7bf6;--muted: #bcbcbc;--white: #ffffff;--font-disp: "Bebas Neue", sans-serif;--font-body: "Barlow Condensed", "Barlow", sans-serif;--hover: #F5C430}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--navy);color:var(--navy);-webkit-font-smoothing:antialiased;scroll-behavior:smooth;overflow-x:hidden;margin:0}a{text-decoration:none}.char-wrap{display:inline-block;overflow:hidden;vertical-align:bottom}.char{display:inline-block}.padding-global{padding-inline:2.5rem;width:100%}.container-large{max-width:97.5rem;margin-inline:auto}.site-header{position:fixed;inset-block-start:0;inset-inline:0;z-index:100;padding:1.5rem 2.5rem;transition:background .35s}.site-header.is-scrolled{background:var(--bg)}.header-inner{display:flex;align-items:center;justify-content:space-between}.header-logo{display:inline-block;font-family:var(--font-disp);font-size:1.6rem;letter-spacing:.06em;text-transform:uppercase;color:var(--white);transition:color .35s;cursor:default}.site-header.is-scrolled .header-logo{color:var(--navy)}.header-nav{display:flex;align-items:center;gap:2rem;font-family:var(--font-body);font-size:.75rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase}.header-location{color:#ffffff8c;transition:color .35s}.header-insta{color:#ffffffd9;transition:color .15s}.header-insta:hover{color:var(--hover)}.site-header.is-scrolled .header-location{color:var(--muted)}.site-header.is-scrolled .header-insta{color:var(--navy)}:root{--hero-img: url(https://images.unsplash.com/photo-1510626176961-4b4be52f6a10?auto=format&fit=crop&w=1800&q=80)}.section-hero{position:relative;height:100svh;overflow:clip;background:var(--navy)}.section-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/Sol-Soleil-Bar/images/hero.png) center center / cover no-repeat;opacity:.85;z-index:0}.section-hero>*{position:relative;z-index:1}.hero-bg{display:none}.hero-flex{position:relative;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem 0 0}.hero-logo-wrap{overflow:clip;width:100%;display:flex;justify-content:center}.hero-logo-text{font-family:var(--font-disp);font-size:22vw;font-weight:700;line-height:.85;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;color:var(--white);display:flex;flex-direction:row;gap:.15em}.hero-logo-line{display:flex}.hero-logo-text .char,.footer-logo .char{transition:color .4s ease}.hero-logo-text:hover .char-wrap:nth-child(1) .char,.footer-logo:hover .char-wrap:nth-child(1) .char{color:#002395;transition-delay:0s}.hero-logo-text:hover .char-wrap:nth-child(2) .char,.footer-logo:hover .char-wrap:nth-child(2) .char{color:#fff;transition-delay:.08s}.hero-logo-text:hover .char-wrap:nth-child(3) .char,.footer-logo:hover .char-wrap:nth-child(3) .char{color:#ef4135;transition-delay:.16s}.hero-logo-text:hover .char-wrap:nth-child(4) .char,.footer-logo:hover .char-wrap:nth-child(4) .char{color:#002395;transition-delay:.24s}.hero-logo-text:hover .char-wrap:nth-child(5) .char,.footer-logo:hover .char-wrap:nth-child(5) .char{color:#fff;transition-delay:.32s}.hero-logo-text:hover .char-wrap:nth-child(6) .char,.footer-logo:hover .char-wrap:nth-child(6) .char{color:#ef4135;transition-delay:.4s}.hero-logo-text:hover .char-wrap:nth-child(7) .char,.footer-logo:hover .char-wrap:nth-child(7) .char{color:#002395;transition-delay:.48s}.hero-logo-text:hover .char-wrap:nth-child(8) .char,.footer-logo:hover .char-wrap:nth-child(8) .char{color:#fff;transition-delay:.56s}.hero-logo-text:hover .char-wrap:nth-child(9) .char,.footer-logo:hover .char-wrap:nth-child(9) .char{color:#ef4135;transition-delay:.64s}.hero-logo-text:hover .char-wrap:nth-child(10) .char,.footer-logo:hover .char-wrap:nth-child(10) .char{color:#002395;transition-delay:.72s}.hero-logo-text:hover .char-wrap:nth-child(11) .char,.footer-logo:hover .char-wrap:nth-child(11) .char{color:#fff;transition-delay:.8s}.hero-logo-text:hover .char-wrap:nth-child(12) .char,.footer-logo:hover .char-wrap:nth-child(12) .char{color:#ef4135;transition-delay:.88s}.hero-stamp{position:absolute;bottom:2.5rem;right:12rem;border:10px solid var(--white);border-radius:108px;padding:3.125rem 4rem;font-family:var(--font-disp);font-size:clamp(2rem,3.5vw,5rem);letter-spacing:-.03em;text-transform:uppercase;color:var(--white);line-height:1;transform:rotate(-20deg);transform-origin:center;width:fit-content;white-space:nowrap}.hero-panels{display:grid;grid-template-columns:1fr 1fr}.hero-panel{padding:2rem 2.5rem 2.5rem 5rem;display:flex;flex-direction:column;gap:.1rem;display:inline-flex;transition:color .15s,transform .15s;cursor:default}.hero-panel:hover{color:var(--hover);transform:rotate(-5deg) scale(1.05)}.panel-eyebrow{font-family:var(--font-disp);font-size:clamp(3.8rem,6.9vw,8.23rem);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--white);line-height:1.1;transition:color .15s}.hero-panel:hover .panel-eyebrow,.hero-panel:hover .panel-city{color:var(--hover)}.panel-city{font-family:var(--font-disp);font-size:clamp(4rem,9vw,9rem);letter-spacing:-.02em;text-transform:uppercase;color:var(--white);line-height:.88}.hero-panel-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:.5rem;padding:2rem 5rem 2.5rem 0;font-family:var(--font-disp);font-size:clamp(3.8rem,6.9vw,8.23rem);font-weight:700;letter-spacing:-.01em;text-transform:uppercase;color:var(--white);line-height:1;transition:color .15s,transform .15s}.hero-panel-right svg{width:clamp(2.5rem,4.5vw,5rem);height:clamp(2.5rem,4.5vw,5rem)}.hero-panel-right:hover{color:var(--hover);transform:rotate(-5deg) scale(1.05)}.section-heading{font-family:var(--font-disp);font-size:clamp(4rem,12vw,13rem);font-weight:700;line-height:.9;letter-spacing:-.02em;text-transform:uppercase;text-align:center;color:currentColor}.section-menu{background:var(--bg);padding-top:7rem;padding-bottom:4rem;padding-inline:4rem;color:var(--navy)}.tabs-wrap{margin-top:5rem}.tabs-list{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--muted);padding-bottom:0;margin-bottom:5rem}.tabs-list::-webkit-scrollbar{display:none}.tab-btn{font-family:var(--font-disp);font-size:clamp(1.5rem,2.6vw,3.2rem);font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:transparent;border:none;border-bottom:3px solid transparent;margin-bottom:-1px;padding:.5rem 1.2rem;color:var(--muted);cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}.tab-btn:hover{color:var(--navy)}.tab-btn.is-active{color:var(--navy);border-bottom-color:var(--navy)}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem 6rem;align-items:start}.menu-col{display:flex;flex-direction:column}.menu-col-title{font-family:var(--font-disp);font-size:clamp(1.5rem,2.2vw,2.8rem);font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--blue);margin-bottom:1.5rem}.menu-row{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid rgba(5,30,80,.1)}.menu-row--header{border-bottom:none;padding-bottom:.25rem;margin-bottom:-.5rem;justify-content:flex-end}.menu-row--spacer{border-bottom:none;visibility:hidden}.menu-item-name-wrap{flex:1;display:flex;flex-direction:column;gap:.15rem;min-width:0}.menu-item-name{font-family:var(--font-disp);font-size:clamp(1.5rem,2.2vw,2.8rem);font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--navy);line-height:1}.menu-item-note{font-family:var(--font-body);font-size:1.1rem;font-weight:700;letter-spacing:.1em;text-transform:lowercase;color:#ef4135}.menu-item-price{font-family:var(--font-disp);font-size:clamp(1.5rem,2.2vw,2.8rem);font-weight:700;letter-spacing:.02em;color:var(--navy);white-space:nowrap;text-align:right;min-width:3.5rem}.menu-price-header{font-family:var(--font-body);font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#ef4135;min-width:3.5rem;text-align:right}.menu-with-image{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.menu-image-wrap{border-radius:1rem;overflow:clip;position:sticky;top:8rem;aspect-ratio:4 / 5}.menu-image{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .6s ease}.menu-image.is-visible{opacity:1}.section-gallery{background:var(--bg);padding:0;overflow:clip}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.gallery-item{overflow:hidden;aspect-ratio:3 / 4}.gallery-item--1,.gallery-item--2,.gallery-item--3,.gallery-item--4{grid-column:auto;grid-row:auto;margin-top:0;z-index:auto}.gallery-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.section-map{display:grid;grid-template-columns:1fr 2fr;align-items:stretch;height:70svh}.map-label{display:flex;flex-direction:column;justify-content:center;gap:1.5rem;padding:3rem 4rem;background:var(--navy);color:var(--white)}.map-location{font-family:var(--font-disp);font-size:clamp(2rem,3.5vw,4.5rem);font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:1.5rem}.map-location:last-child{border-bottom:none;padding-bottom:0}.slideshow-wrap{position:relative;overflow:clip;height:100%}.slideshow-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease}.slideshow-img.is-active{opacity:1}.slideshow-dots{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:.75rem;z-index:10}.slideshow-dot{width:.6rem;height:.6rem;border-radius:50%;border:2px solid var(--white);background:transparent;cursor:pointer;transition:background .2s;padding:0}.slideshow-dot.is-active{background:var(--white)}.section-cta{min-height:100svh;padding-inline:4rem;padding-bottom:3cm;display:flex;align-items:center;margin:0}.section-cta--blue{background:var(--blue);color:var(--navy)}.section-cta--jobs{background-image:url(/Sol-Soleil-Bar/images/jobs.png);background-size:cover;background-position:center;color:var(--white);position:relative}.section-cta--jobs .cta-btn{color:var(--white);border-color:var(--white)}.section-cta--jobs .cta-btn:hover{background:var(--white);color:var(--navy)}.section-cta--grey{background-image:url(/Sol-Soleil-Bar/images/gallery/gallery2.png);background-size:cover;background-position:center;color:var(--white);border-top:none}.section-cta--grey .cta-btn{color:var(--white);border-color:var(--white)}.section-cta--grey .cta-btn:hover{background:var(--white);color:var(--navy)}.cta-wrap{display:flex;flex-direction:column;align-items:stretch;text-align:center;width:100%}.section-cta .section-heading{font-size:clamp(4rem,15vw,18rem);line-height:.88;width:100%;align-self:stretch;text-align:center}.cta-sub{font-family:var(--font-disp);font-size:clamp(1.5rem,2.5vw,3rem);font-weight:700;letter-spacing:.02em;text-transform:uppercase;line-height:1.3;margin-top:4rem;color:currentColor}.cta-buttons{display:flex;gap:2rem;margin-top:5rem;width:100%}.cta-btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-disp);font-size:clamp(2rem,3.5vw,4rem);font-weight:700;letter-spacing:.02em;text-transform:uppercase;padding:2.5rem 2rem;flex:1;border:5px solid currentColor;border-radius:100rem;color:var(--navy);background:transparent;transition:background .1s ease-in-out,color .1s ease-in-out,transform .1s ease-in-out;cursor:pointer;line-height:1}.cta-btn:hover{background:var(--navy);color:var(--white);transform:rotate(-3deg)}.cta-btn--disabled{opacity:.29;pointer-events:none;color:var(--muted)}.site-footer{background:var(--navy);color:var(--white);min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;padding:2.5rem 4rem;position:relative;overflow:clip}.site-footer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/Sol-Soleil-Bar/images/footer.png) center center / cover no-repeat;opacity:.85;z-index:0}.site-footer>*{position:relative;z-index:1}.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem}.footer-address{font-family:var(--font-disp);font-size:clamp(3.8rem,6.9vw,8.23rem);font-weight:700;letter-spacing:-.01em;text-transform:uppercase;color:var(--white);line-height:.95;display:inline-block;transition:color .15s,transform .15s}.footer-insta{font-family:var(--font-disp);font-size:clamp(3.8rem,6.9vw,8.23rem);font-weight:700;letter-spacing:-.01em;text-transform:uppercase;color:var(--white);line-height:1;display:inline-flex;align-items:center;gap:.75rem;transition:color .15s,transform .15s}.footer-address:hover,.footer-insta:hover{color:var(--hover);transform:rotate(-5deg) scale(1.05)}.footer-insta svg{width:clamp(2.5rem,5vw,5rem);height:clamp(2.5rem,5vw,5rem)}.footer-bottom{display:flex;flex-direction:column;align-items:stretch;gap:0}.footer-logo{font-family:var(--font-disp);font-size:22vw;font-weight:700;line-height:.82;letter-spacing:.05em;text-transform:uppercase;color:var(--bg);white-space:nowrap;width:100%;display:flex;justify-content:center}.footer-legal{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;font-family:var(--font-disp);font-size:clamp(1rem,1.8vw,2rem);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--white)}.footer-legal-left{display:flex;gap:2rem}.footer-legal a{color:var(--white);transition:color .15s}.footer-legal a:hover{color:var(--hover)}@media (max-width: 991px){.section-heading{font-size:6rem}.cta-btn{padding:1.5rem 4rem;font-size:2rem}.cta-sub{font-size:2rem}.section-cta{padding-block:8rem}.gallery-grid{grid-template-columns:1fr 1fr;height:auto;gap:1rem}.gallery-item--1,.gallery-item--2,.gallery-item--3,.gallery-item--4{grid-column:auto;margin-top:0;z-index:auto}.section-gallery{height:auto;padding-block:2rem}.menu-grid{grid-template-columns:1fr;gap:3rem}}@media (max-width: 767px){.padding-global{padding-inline:2rem}.section-hero:before{background-position:center 70%}.hero-stamp{border-width:4px;padding:1rem 1.8rem;font-size:1.5rem;bottom:auto;top:auto;left:auto;right:2rem;transform:rotate(-12deg);position:relative;align-self:flex-end;margin-right:2rem;margin-bottom:1rem}.hero-flex{justify-content:space-between;padding-top:2rem;padding-bottom:0;gap:0}.hero-logo-wrap{padding:2rem 2rem 0}.hero-logo-text{font-size:20vw;white-space:normal;line-height:.88;text-align:left;width:100%;flex-direction:column;gap:0}.hero-panels{grid-template-columns:1fr 1fr;padding:1.5rem 2rem 2.5rem}.hero-panel{padding:0}.hero-panel-right{padding:0;align-items:flex-end}.panel-eyebrow{font-size:clamp(1.8rem,5vw,3rem)}.panel-city{font-size:clamp(2rem,6vw,4rem)}.section-heading{font-size:10vw}.header-location{display:none}.section-menu{padding-inline:2rem;padding-block:4rem}.tabs-wrap{margin-top:3rem}.tabs-list{flex-wrap:nowrap;justify-content:flex-start;gap:0 2.5rem;overflow-x:auto;border-bottom:1px solid var(--muted);padding-bottom:0}.tab-btn{font-size:1.6rem;padding:.6rem 0;flex-shrink:0}.menu-grid{grid-template-columns:1fr;gap:3rem;margin-top:3rem}.section-map{grid-template-columns:1fr;grid-template-rows:auto 55vw;height:auto}.map-label{padding:3rem 2rem;gap:1rem}.map-location{font-size:3rem}.slideshow-wrap{height:100%;min-height:55vw}.section-cta{padding-block:6rem;padding-inline:2rem;min-height:auto}.section-cta .section-heading{font-size:clamp(4rem,13vw,8rem)}.cta-sub{font-size:1.8rem;margin-top:2rem}.cta-buttons{flex-direction:column;align-items:center;gap:1.5rem;margin-top:3rem}.cta-btn{width:100%;text-align:center;padding:1.5rem 2rem;font-size:1.6rem}.gallery-grid{grid-template-columns:1fr 1fr;height:auto;gap:.5rem}.section-gallery{padding-block:0}.site-footer{padding:3rem 2rem 2rem}.footer-top{flex-direction:column;gap:2rem}.footer-address,.footer-insta{font-size:clamp(3rem,8vw,5rem)}.footer-logo{font-size:20vw}.footer-legal{flex-direction:column;align-items:flex-start;gap:.75rem;font-size:1.2rem}.footer-legal-left{flex-direction:column;gap:.5rem}}@media (max-width: 479px){.hero-logo-text{font-size:48vw}.cta-btn{font-size:1.5rem;border-width:3px}.footer-logo{font-size:18vw}}
