/* Big Boats theme v1 (2026-10-16) - navy + gold, loaded after style.css */
:root{--navy:#14247F;--deep:#0A1238;--ink:#0E1633;--gold:#C2A36B;--gold-d:#A6884F;--cream:#F7F2EA;--sand:#EEE5D6;--text:#5E6478;--serif:'DM Serif Display',Georgia,serif;--sans:'Jost',system-ui,sans-serif;--ease:cubic-bezier(.2,.7,.2,1)}
html{scroll-behavior:smooth}
body{font-family:var(--sans)!important;font-weight:300;color:var(--text);background:var(--cream)!important;font-size:16.5px;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body *{font-family:var(--sans)}
body p,body li{color:var(--text);font-weight:300}
body h1,body h2,body h3,body h4,body h5,body .main-head,body .serv-bx-hd,body .cnttitle,body .yacht-title,body .count,body .services-group-hd,body .request-hd,body .mission-vision-hd,body .comp-data h2,body .comp-data h3{font-family:var(--serif)!important;font-weight:400!important;color:var(--ink);letter-spacing:-.005em;line-height:1.12}
body .main-head{font-size:clamp(32px,4vw,52px)!important}
body h2{font-size:clamp(28px,3.4vw,46px)}
body h3{font-size:clamp(22px,2vw,28px)}
body .mini-hd{font-family:var(--sans)!important;font-size:12.5px!important;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-d)!important;font-weight:500!important;display:inline-flex;align-items:center;gap:14px}
body .mini-hd:before{content:"";width:36px;height:1px;background:currentColor}
body section{background-color:transparent}
body section:nth-of-type(even):not(.page-banner):not(.bb-contact){background-color:var(--sand)}
body img.rounded,body .rounded{border-radius:0!important}
body .shadow-sm{box-shadow:0 20px 50px rgba(10,18,56,.10)!important}
body a{color:var(--navy)}
body .btn{border-radius:0!important;font-family:var(--sans)!important;font-size:13px!important;font-weight:500!important;letter-spacing:.18em;text-transform:uppercase;padding:15px 28px!important;transition:all .35s var(--ease)}
body .btn-primary{background:var(--navy)!important;border-color:var(--navy)!important;color:#fff!important}
body .btn-primary:hover{background:var(--gold)!important;border-color:var(--gold)!important;color:var(--deep)!important}
body .btn-outline-primary{border-color:var(--navy)!important;color:var(--navy)!important;background:transparent!important}
body .btn-outline-primary:hover{background:var(--navy)!important;color:#fff!important}
body .btn-outline-light:hover{color:var(--deep)!important}
body .comtdetl-ul li,body .service-ul li,body .freedom-ul li{color:var(--text)}
body .comtdetl-ul li i,body .comtdetl-ul i,body .service-ul i{color:var(--gold)!important}
body .service-bx,body .yacht-card,body .mission-vision-box,body .buffet-option,body .nye-slot{background:#fff!important;border:0!important;border-radius:0!important;box-shadow:0 1px 0 rgba(14,22,51,.06);transition:transform .5s var(--ease),box-shadow .5s}
body .service-bx:hover,body .yacht-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px rgba(10,18,56,.12)}
body .mission-vision-box i,body .maint-i{color:var(--gold)!important}
body .yacht-tag{color:var(--gold-d)!important;letter-spacing:.2em;text-transform:uppercase;font-size:12px}
body .yacht-price{color:var(--navy)!important;font-family:var(--serif)!important}
body .freedom-bx{background:var(--navy)!important;color:#fff;border-radius:0!important}
body .freedom-bx p,body .freedom-bx .count{color:#fff!important}
body .freedom-bx-light{background:#fff!important;border-radius:0!important}
body .freedom-bx-light .count{color:var(--navy)!important}
body .accordion-item{border:0!important;border-bottom:1px solid #DDD3C2!important;background:transparent!important;border-radius:0!important}
body .accordion-button{background:transparent!important;font-family:var(--serif)!important;font-size:20px;color:var(--ink)!important;box-shadow:none!important;padding:22px 0}
body .accordion-body{padding:0 0 22px}
body .form-control,body .form-select{border:0!important;border-bottom:1px solid #D9D1C3!important;border-radius:0!important;background:transparent!important;padding:10px 0!important;box-shadow:none!important}
body .form-control:focus{border-color:var(--gold)!important}
body .form-label{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);font-weight:500}

/* PAGE BANNER */
body .page-banner{position:relative;min-height:520px;height:68vh;max-height:680px;display:flex;align-items:flex-end;padding:0 0 80px!important;background-size:cover!important;background-position:center!important;margin:0!important}
body .page-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,18,56,.6) 0%,rgba(10,18,56,.2) 45%,rgba(10,18,56,.85) 100%)!important;z-index:0}
body .page-banner .container{position:relative;z-index:1}
body .page-banner h1{color:#fff!important;font-size:clamp(38px,5.6vw,72px)!important;text-align:left!important;max-width:900px;margin-bottom:18px}
body .page-banner .page-crumb{justify-content:flex-start!important;text-align:left!important;font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;display:flex;gap:12px}
body .page-banner .page-crumb a{color:rgba(255,255,255,.85)!important}
body .page-banner .page-crumb .sep{color:var(--gold)}
body .page-banner .page-crumb .current{color:var(--gold)!important}

/* HEADER */
.bb-hdr{position:fixed;inset:0 0 auto 0;z-index:1030;padding:22px 0;transition:background .4s,box-shadow .4s,padding .4s}
.bb-wrap{width:min(1240px,100% - 48px);margin-inline:auto}
.bb-hdr .bb-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}
.bb-logo img{height:58px;width:auto;filter:brightness(0) invert(1);transition:filter .4s,height .4s}
.bb-nav{display:flex;align-items:center;gap:30px}
.bb-nav>a,.bb-dd>span{color:#fff!important;font-size:14.5px;font-weight:400;letter-spacing:.03em;cursor:pointer;padding:6px 0;transition:color .3s;text-decoration:none}
.bb-nav>a:hover,.bb-dd:hover>span{color:var(--gold)!important}
.bb-dd{position:relative}
.bb-dd>span i{font-size:10px;margin-left:5px}
.bb-dd-menu{position:absolute;top:100%;left:-20px;min-width:240px;background:#fff;padding:12px 0;box-shadow:0 20px 50px rgba(10,18,56,.15);opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s var(--ease)}
.bb-dd:hover .bb-dd-menu{opacity:1;visibility:visible;transform:none}
.bb-dd-menu a{display:block;padding:10px 22px;color:var(--ink)!important;font-size:14.5px;text-decoration:none}
.bb-dd-menu a:hover{background:var(--cream)}
.bb-cta{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;background:var(--gold);color:var(--deep)!important;font-size:13px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;transition:all .35s}
.bb-cta:hover{background:#fff}
.bb-burger{display:none;background:none;border:0;color:#fff;font-size:24px;cursor:pointer}
.bb-hdr.scrolled{background:rgba(247,242,234,.97);backdrop-filter:blur(8px);box-shadow:0 1px 0 rgba(14,22,51,.08);padding:12px 0}
.bb-hdr.scrolled .bb-logo img{filter:none;height:50px}
.bb-hdr.scrolled .bb-nav>a,.bb-hdr.scrolled .bb-dd>span{color:var(--ink)!important}
.bb-hdr.scrolled .bb-nav>a:hover{color:var(--gold-d)!important}
.bb-hdr.scrolled .bb-burger{color:var(--ink)}
.bb-hdr.scrolled .bb-cta:hover{background:var(--navy);color:#fff!important}

/* CONTACT */
.bb-contact{padding:130px 0;background:var(--cream)}
.bb-contact .bb-wrap{display:grid;grid-template-columns:1fr 1.15fr;gap:90px}
.bb-eyebrow{font-size:12.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-d);font-weight:500;display:inline-flex;align-items:center;gap:14px}
.bb-eyebrow:before{content:"";width:36px;height:1px;background:currentColor}
.bb-h{font-family:var(--serif)!important;font-weight:400;color:var(--ink);font-size:clamp(36px,4.6vw,62px);line-height:1.08;margin:16px 0 18px}
.bb-h em{font-style:italic;color:var(--gold)}
.bb-clist{margin-top:40px;display:grid;gap:28px}
.bb-clist>div{display:flex;gap:20px}
.bb-clist i{width:50px;height:50px;flex:none;border:1px solid var(--gold);color:var(--gold-d);display:grid;place-items:center;font-size:17px}
.bb-clist b{display:block;font-family:var(--serif);font-weight:400;color:var(--ink);font-size:20px}
.bb-clist a{color:var(--text);text-decoration:none}
.bb-form{background:#fff;padding:54px}
.bb-form h3{font-size:28px;margin-bottom:6px}
.bb-row2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.bb-fld{margin-bottom:18px}
.bb-fld label{display:block;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);font-weight:500;margin-bottom:8px}
.bb-fld input,.bb-fld textarea,.bb-fld select{width:100%;border:0;border-bottom:1px solid #D9D1C3;background:transparent;padding:10px 0;font-size:16px;color:var(--ink);outline:none;border-radius:0}
.bb-fld input:focus,.bb-fld textarea:focus,.bb-fld select:focus{border-color:var(--gold)}
.bb-send{width:100%;display:flex;justify-content:center;align-items:center;gap:10px;padding:16px;border:0;background:var(--navy);color:#fff;font-size:13px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:background .3s;margin-top:10px}
.bb-send:hover{background:var(--deep)}

/* FOOTER */
.bb-ftr{background:var(--deep);color:rgba(255,255,255,.62);padding:100px 0 0;font-size:15px}
.bb-ftr p,.bb-ftr li{color:rgba(255,255,255,.62)!important}
.bb-fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:50px;padding-bottom:70px}
.bb-ftr .bb-logo img{height:64px;margin-bottom:24px}
.bb-ftr h4{font-family:var(--serif)!important;font-weight:400;color:#fff!important;font-size:21px;margin-bottom:22px}
.bb-ftr ul{list-style:none;display:grid;gap:10px;padding:0;margin:0}
.bb-ftr a{color:rgba(255,255,255,.62);text-decoration:none}
.bb-ftr a:hover{color:var(--gold)}
.bb-social{display:flex;gap:10px;margin-top:26px}
.bb-social a{width:42px;height:42px;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;color:#fff;transition:all .3s}
.bb-social a:hover{background:var(--gold);border-color:var(--gold);color:var(--deep)}
.bb-fbot{border-top:1px solid rgba(255,255,255,.1);padding:26px 0;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13.5px}
.bb-float{position:fixed;right:22px;bottom:22px;z-index:1040;display:grid;gap:12px}
.bb-float a{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff!important;font-size:24px;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:transform .3s;text-decoration:none}
.bb-float a:hover{transform:scale(1.08)}
.bb-float .wa{background:#25D366}.bb-float .ph{background:var(--navy);font-size:20px}

@media(max-width:1100px){
 .bb-nav{position:fixed;inset:0 0 0 auto;width:min(360px,86vw);background:var(--deep);flex-direction:column;align-items:flex-start;padding:100px 36px;gap:18px;transform:translateX(100%);transition:transform .45s var(--ease);overflow-y:auto}
 .bb-nav.open{transform:none}
 .bb-nav>a,.bb-dd>span,.bb-hdr.scrolled .bb-nav>a,.bb-hdr.scrolled .bb-dd>span{color:#fff!important;font-size:18px}
 .bb-dd-menu{position:static;opacity:1;visibility:visible;transform:none;background:none;box-shadow:none;padding:8px 0 0 14px;min-width:0}
 .bb-dd-menu a{color:rgba(255,255,255,.7)!important;padding:6px 0;font-size:15px}
 .bb-dd-menu a:hover{background:none}
 .bb-burger{display:block;z-index:2}
 .bb-nav.open~.bb-burger{color:#fff}
 .bb-hdr .bb-cta{display:none}
 .bb-contact .bb-wrap{grid-template-columns:1fr;gap:60px}
 .bb-fgrid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
 .bb-wrap{width:calc(100% - 32px)}
 body .page-banner{min-height:420px;height:auto;padding:150px 0 60px!important}
 .bb-contact{padding:80px 0}
 .bb-form{padding:34px 24px}
 .bb-row2,.bb-fgrid{grid-template-columns:1fr}
}