.esea-page.esea-page header.nav{--teal:#1A7C8C;--teal-deep:#115E6B;--teal-ink:#0C3B44;--teal-soft:#8FC7D2;--ink:#1A1E1D;--line:rgba(20,24,23,0.13);--pad:clamp(22px,5.5vw,100px);--ease:cubic-bezier(.2,.7,.2,1);position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:22px var(--pad);transition:background .4s var(--ease),box-shadow .4s,padding .4s;font-family:Outfit,sans-serif}.esea-page.esea-page header.nav.solid{background:rgba(255,255,255,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--line);padding:14px var(--pad)}.esea-page.esea-page header.nav .logo{height:40px;width:auto}.esea-page.esea-page header.nav .logo-dark,.esea-page.esea-page header.nav.solid .logo-light{display:none}.esea-page.esea-page header.nav.solid .logo-dark{display:block}.esea-page.esea-page header.nav .hbg{display:flex;flex-direction:column;justify-content:center;gap:7px;width:48px;height:48px;background:none;border:none;cursor:pointer;padding:8px}.esea-page.esea-page header.nav .hbg span{display:block;height:2px;background:#fff;border-radius:2px;transition:background .3s,transform .3s,opacity .2s}.esea-page.esea-page header.nav.solid .hbg span{background:var(--ink)}.esea-page.esea-page header.nav .hbg[aria-expanded=true] span:first-child{transform:translateY(9px) rotate(45deg)}.esea-page.esea-page header.nav .hbg[aria-expanded=true] span:nth-child(2){opacity:0}.esea-page.esea-page header.nav .hbg[aria-expanded=true] span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.esea-page.esea-page .hdrop{position:absolute;top:calc(100% + 8px);right:var(--pad);min-width:220px;background:var(--teal-ink,#00262d);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(255,255,255,.32);border-radius:6px;box-shadow:0 12px 40px rgba(12,59,68,.22);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s var(--ease),transform .25s var(--ease),visibility .25s;z-index:200}.esea-page.esea-page .hdrop.open{opacity:1;visibility:visible;transform:none}.esea-page.esea-page .hdrop-list{list-style:none;margin:0;padding:0}.esea-page.esea-page .hdrop-item{position:relative}.esea-page.esea-page .hdrop-item>a,.esea-page.esea-page .hdrop-lbl{display:flex;align-items:center;gap:8px;padding:13px 20px;font-size:15px;font-weight:500;color:rgba(255,255,255,.92);cursor:pointer;transition:background .18s,color .18s;white-space:nowrap;letter-spacing:.02em}.esea-page.esea-page .hdrop-item.has-sub:hover>.hdrop-lbl,.esea-page.esea-page .hdrop-item>a:hover{background:rgba(255,255,255,.1);color:#fff}.esea-page.esea-page .hdrop-item.has-sub{display:flex;align-items:center;justify-content:space-between;padding:0}.esea-page.esea-page .hdrop-item.has-sub>.hdrop-lbl{flex:1}.esea-page.esea-page .hdrop-arr{flex:none;margin-right:16px;color:rgba(255,255,255,.6);opacity:1;transition:transform .25s var(--ease),color .18s}.esea-page.esea-page .hdrop-item.has-sub:hover .hdrop-arr{transform:rotate(-90deg);color:var(--teal);opacity:1}.esea-page.esea-page .hdrop-sub{position:absolute;top:0;right:calc(100% + 10px);background:var(--teal-ink,#00262d);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(255,255,255,.32);border-radius:6px;box-shadow:0 12px 40px rgba(12,59,68,.22);padding:12px;display:flex;flex-direction:column;gap:8px;min-width:300px;opacity:0;visibility:hidden;transform:translateX(8px);transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s;pointer-events:none}.esea-page.esea-page .hdrop-item.has-sub:hover .hdrop-sub{opacity:1;visibility:visible;transform:none;pointer-events:auto}.esea-page.esea-page .boat-card{display:flex;align-items:center;gap:16px;padding:12px;border-radius:5px;transition:background .18s;border:1px solid transparent}.esea-page.esea-page .boat-card:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35)}.esea-page.esea-page .boat-card img{width:120px;height:auto;object-fit:contain;flex:none}.esea-page.esea-page .boat-info .boat-name{font-size:17px;font-weight:600;color:#fff;letter-spacing:-.01em}.esea-page.esea-page .about-sub{min-width:200px}.esea-page.esea-page .about-sub-lbl{font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--teal-soft);padding:10px 14px 6px}.esea-page.esea-page .about-link{display:block;padding:11px 14px;font-size:15px;font-weight:400;color:rgba(255,255,255,.88);border-radius:4px;transition:background .18s,color .18s}.esea-page.esea-page .about-link:hover{background:rgba(255,255,255,.1);color:#fff}@media (max-width:720px){.esea-page.esea-page .hdrop-item.has-sub{flex-wrap:wrap}.esea-page.esea-page .hdrop-sub{position:static;transform:none!important;opacity:0;visibility:hidden;max-height:0;overflow:hidden;width:100%;min-width:0;flex:0 0 100%;border:none;border-top:1px solid rgba(255,255,255,.12);border-radius:0;box-shadow:none;background:rgba(255,255,255,.04);padding:0;transition:max-height .35s var(--ease),opacity .25s,visibility .25s}.esea-page.esea-page .hdrop-item.has-sub.sub-open .hdrop-sub{opacity:1;visibility:visible;max-height:340px;padding:10px 8px 14px}.esea-page.esea-page .hdrop-item.has-sub:not(.sub-open):hover .hdrop-sub{opacity:0;visibility:hidden;max-height:0}.esea-page.esea-page .hdrop-item.has-sub.sub-open .hdrop-arr{transform:rotate(180deg)}.esea-page.esea-page .boat-card img{width:86px}}@media (max-width:640px){.esea-page.esea-page header.nav{padding:30px 20px 14px}.esea-page.esea-page header.nav .logo{height:26px}}