:root{--navy-deep: #0f2439;--navy: #1e3a5f;--navy-light: #2d4a6f;--teal-weathered: #5a9e9e;--teal-light: #7ac4c4;--cream: #f5f0e6;--cream-light: #faf8f3;--cream-warm: #efe8d8;--rope: #c4956a;--rope-dark: #9a7352;--wood: #8b6b4a;--coral-accent: #e07a5f;--white: #ffffff;--text-primary: var(--navy-deep);--text-light: var(--cream);--bg-primary: var(--cream);--bg-dark: var(--navy);--font-display: "Archivo Black", Impact, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 6rem;--space-2xl: 10rem;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--cream);color:var(--text-primary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;line-height:1.1;text-transform:uppercase}h1{font-size:clamp(3rem,10vw,8rem)}h2{font-size:clamp(2rem,6vw,4rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}p{font-size:1.125rem;max-width:65ch}a{color:inherit;text-decoration:none}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--space-sm) var(--space-md);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,rgba(15,36,57,.95),transparent);transition:background .3s var(--ease-smooth)}.nav.scrolled{background:#0f2439fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-logo{display:flex;align-items:center;gap:var(--space-sm);color:var(--cream)}.nav-logo svg{width:48px;height:48px}.nav-logo span{font-family:var(--font-display);font-size:1rem;letter-spacing:.05em}.nav-links{display:flex;gap:var(--space-md);list-style:none}.nav-links a{color:var(--cream);font-weight:500;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;position:relative;padding:var(--space-xs) 0}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--teal-weathered);transition:width .3s var(--ease-smooth)}.nav-links a:hover:after{width:100%}.nav-cta{background:var(--coral-accent);color:var(--white);padding:var(--space-xs) var(--space-sm);border-radius:4px;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;transition:all .3s var(--ease-smooth);border:2px solid transparent}.nav-cta:hover{background:transparent;border-color:var(--coral-accent);color:var(--coral-accent)}.nav-cta:after{display:none!important}.nav-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:10px;background:none;border:none}.nav-toggle span{width:24px;height:2px;background:var(--cream);transition:all .3s var(--ease-smooth)}@media (max-width: 768px){.nav-toggle{display:flex}.nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--navy-deep);padding:var(--space-md);gap:var(--space-sm);transform:translateY(-100%);opacity:0;pointer-events:none;transition:all .3s var(--ease-smooth)}.nav-links.open{transform:translateY(0);opacity:1;pointer-events:all}}.hero{min-height:100vh;background:linear-gradient(165deg,var(--navy-deep) 0%,var(--navy) 50%,var(--navy-light) 100%);position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--space-2xl) var(--space-md);overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 40% 70%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 60% 20%,rgba(255,255,255,.4),transparent),radial-gradient(2px 2px at 80% 50%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 10% 80%,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 70% 90%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 90% 10%,rgba(255,255,255,.4),transparent);animation:twinkle 8s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.5}}.rope-border{position:absolute;width:100%;height:20px;background:repeating-linear-gradient(90deg,var(--rope) 0px,var(--rope) 8px,var(--rope-dark) 8px,var(--rope-dark) 16px,var(--rope) 16px,var(--rope) 24px,transparent 24px,transparent 32px);opacity:.6}.rope-border.top{top:80px}.rope-border.bottom{bottom:120px}.hero-content{position:relative;z-index:10;max-width:900px}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-xs);background:#5a9e9e33;border:1px solid var(--teal-weathered);color:var(--teal-light);padding:var(--space-xs) var(--space-sm);border-radius:100px;font-size:.875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-md);animation:fadeSlideIn .8s var(--ease-smooth) .2s both}.hero-badge svg{width:16px;height:16px}.hero h1{color:var(--cream);margin-bottom:var(--space-sm);animation:fadeSlideIn .8s var(--ease-smooth) .4s both}.hero h1 .accent{color:var(--teal-light);display:block;font-size:.4em;letter-spacing:.2em;margin-top:var(--space-xs)}.hero-tagline{color:var(--cream);opacity:.9;font-size:1.25rem;max-width:500px;margin:0 auto var(--space-lg);animation:fadeSlideIn .8s var(--ease-smooth) .6s both}.hero-ctas{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap;animation:fadeSlideIn .8s var(--ease-smooth) .8s both}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:1rem 2rem;font-family:var(--font-body);font-weight:600;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:all .3s var(--ease-smooth)}.btn-primary{background:var(--coral-accent);color:var(--white);border-color:var(--coral-accent)}.btn-primary:hover{background:transparent;color:var(--coral-accent);transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--cream);border-color:var(--cream)}.btn-secondary:hover{background:var(--cream);color:var(--navy-deep);transform:translateY(-2px)}.waves-container{position:absolute;bottom:0;left:0;right:0;height:120px;overflow:hidden}.wave{position:absolute;bottom:0;left:-100%;width:300%;height:100%}.wave svg{width:100%;height:100%}.wave-1{animation:wave 12s linear infinite;opacity:.3}.wave-2{animation:wave 10s linear infinite;animation-delay:-3s;opacity:.5}.wave-3{animation:wave 8s linear infinite;animation-delay:-5s;opacity:.8}@keyframes wave{0%{transform:translate(0)}to{transform:translate(33.33%)}}.floating-boat{position:absolute;bottom:60px;right:15%;width:120px;animation:float 6s ease-in-out infinite;z-index:5}.floating-boat svg{width:100%;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3))}@keyframes float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-15px) rotate(2deg)}}.about{padding:var(--space-2xl) var(--space-md);background:var(--cream);position:relative}.about-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center}@media (max-width: 900px){.about-grid{grid-template-columns:1fr;gap:var(--space-lg)}}.about-content{position:relative}.section-label{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--teal-weathered);font-weight:600;font-size:.875rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-sm)}.section-label:before{content:"";width:30px;height:2px;background:var(--teal-weathered)}.about h2{color:var(--navy-deep);margin-bottom:var(--space-md)}.about p{color:var(--navy);margin-bottom:var(--space-sm)}.about-features{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-top:var(--space-md)}.feature{display:flex;align-items:flex-start;gap:var(--space-xs)}.feature-icon{width:40px;height:40px;background:var(--navy);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon svg{width:20px;height:20px;color:var(--teal-light)}.feature-text h4{font-family:var(--font-body);font-weight:600;font-size:1rem;text-transform:none;color:var(--navy-deep)}.feature-text p{font-size:.875rem;color:var(--navy);opacity:.8}.about-visual{position:relative}.image-card{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 25px 80px #0f243933}.image-card:before{content:"";position:absolute;top:-10px;left:-10px;right:10px;bottom:10px;border:3px solid var(--teal-weathered);border-radius:16px;z-index:-1}.image-card img{width:100%;height:auto;display:block}.anchor-decoration{position:absolute;bottom:-30px;right:-30px;width:100px;height:100px;opacity:.1}.menu{padding:var(--space-2xl) var(--space-md);background:var(--navy-deep);position:relative;overflow:hidden}.menu:before{content:"";position:absolute;top:10%;left:-100px;width:200px;height:200px;border:20px solid var(--navy);border-radius:50%;opacity:.3}.menu:after{content:"";position:absolute;bottom:15%;right:-80px;width:160px;height:160px;border:15px solid var(--navy);border-radius:50%;opacity:.2}.menu-header{text-align:center;max-width:700px;margin:0 auto var(--space-xl);position:relative;z-index:10}.menu-header .section-label{color:var(--teal-light)}.menu-header .section-label:before{background:var(--teal-light)}.menu-header h2{color:var(--cream)}.menu-header p{color:var(--cream);opacity:.8;margin:0 auto}.menu-categories{display:flex;justify-content:center;gap:var(--space-xs);flex-wrap:wrap;margin-bottom:var(--space-lg);position:relative;z-index:10}.menu-tab{padding:var(--space-xs) var(--space-md);background:transparent;border:2px solid var(--navy-light);color:var(--cream);font-family:var(--font-body);font-weight:500;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-radius:100px;cursor:pointer;transition:all .3s var(--ease-smooth)}.menu-tab:hover,.menu-tab.active{background:var(--teal-weathered);border-color:var(--teal-weathered);color:var(--white)}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-md);max-width:1200px;margin:0 auto;position:relative;z-index:10}.menu-card{background:linear-gradient(145deg,var(--navy) 0%,var(--navy-light) 100%);border-radius:16px;padding:var(--space-md);border:1px solid rgba(90,158,158,.2);transition:all .3s var(--ease-smooth)}.menu-card:hover{transform:translateY(-5px);border-color:var(--teal-weathered);box-shadow:0 20px 60px #0000004d}.menu-card-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid rgba(90,158,158,.2)}.menu-card-icon{width:48px;height:48px;background:#5a9e9e33;border-radius:12px;display:flex;align-items:center;justify-content:center}.menu-card-icon svg{width:24px;height:24px;color:var(--teal-light)}.menu-card-header h3{color:var(--cream);font-size:1.25rem}.menu-items{display:flex;flex-direction:column;gap:var(--space-xs)}.menu-item{display:flex;justify-content:space-between;align-items:baseline;padding:var(--space-xs) 0}.menu-item-name{color:var(--cream);font-weight:500}.menu-item-name .specialty{display:inline-block;background:var(--coral-accent);color:var(--white);font-size:.625rem;padding:2px 6px;border-radius:4px;margin-left:var(--space-xs);text-transform:uppercase;letter-spacing:.05em;vertical-align:middle}.menu-item-price{color:var(--teal-light);font-weight:600;font-size:.9rem}.menu-item-dots{flex:1;border-bottom:1px dotted rgba(90,158,158,.3);margin:0 var(--space-xs);margin-bottom:4px}.location{padding:var(--space-2xl) var(--space-md);background:var(--cream-warm);position:relative}.location-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-xl);align-items:stretch}@media (max-width: 900px){.location-grid{grid-template-columns:1fr}}.location-info{display:flex;flex-direction:column}.location h2{color:var(--navy-deep);margin-bottom:var(--space-md)}.location-details{display:flex;flex-direction:column;gap:var(--space-md);flex:1}.location-item{display:flex;gap:var(--space-sm)}.location-icon{width:48px;height:48px;background:var(--navy);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.location-icon svg{width:24px;height:24px;color:var(--teal-light)}.location-item h4{font-family:var(--font-body);font-weight:600;font-size:1rem;text-transform:none;color:var(--navy-deep);margin-bottom:4px}.location-item p{font-size:1rem;color:var(--navy)}.location-item a{color:var(--teal-weathered);text-decoration:underline;text-underline-offset:3px;transition:color .2s}.location-item a:hover{color:var(--coral-accent)}.hours-table{margin-top:var(--space-xs)}.hours-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid rgba(30,58,95,.1)}.hours-row:last-child{border-bottom:none}.hours-day{font-weight:500}.hours-time{color:var(--navy)}.location-map{border-radius:16px;overflow:hidden;box-shadow:0 25px 80px #0f243926;position:relative;min-height:400px;background:var(--navy-light)}.map-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--navy) 0%,var(--navy-light) 100%);color:var(--cream);text-align:center;padding:var(--space-md)}.map-placeholder svg{width:64px;height:64px;color:var(--teal-light);margin-bottom:var(--space-sm)}.map-placeholder p{opacity:.8;margin-bottom:var(--space-sm)}.map-placeholder .btn{margin-top:var(--space-sm)}.footer{background:var(--navy-deep);color:var(--cream);padding:var(--space-xl) var(--space-md) var(--space-md);position:relative;overflow:hidden}.footer-wave{position:absolute;top:0;left:0;right:0;height:60px;transform:rotate(180deg)}.footer-wave svg{width:100%;height:100%}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-xl);padding-top:var(--space-md)}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:var(--space-lg);text-align:center}}.footer-brand{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-logo{display:flex;align-items:center;gap:var(--space-sm)}@media (max-width: 768px){.footer-logo{justify-content:center}}.footer-logo svg{width:56px;height:56px}.footer-logo span{font-family:var(--font-display);font-size:1.25rem}.footer-brand p{opacity:.8;font-size:1rem;max-width:350px}@media (max-width: 768px){.footer-brand p{margin:0 auto}}.footer-social{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}@media (max-width: 768px){.footer-social{justify-content:center}}.social-link{width:44px;height:44px;background:var(--navy);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s var(--ease-smooth)}.social-link:hover{background:var(--teal-weathered);transform:translateY(-3px)}.social-link svg{width:20px;height:20px}.footer-nav h4{font-family:var(--font-body);font-weight:600;font-size:1rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm);color:var(--teal-light)}.footer-nav ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-xs)}.footer-nav a{opacity:.8;transition:all .2s;display:inline-block}.footer-nav a:hover{opacity:1;color:var(--teal-light);transform:translate(4px)}@media (max-width: 768px){.footer-nav a:hover{transform:none}}.footer-bottom{max-width:1200px;margin:var(--space-lg) auto 0;padding-top:var(--space-md);border-top:1px solid rgba(90,158,158,.2);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-sm)}@media (max-width: 768px){.footer-bottom{flex-direction:column;text-align:center}}.footer-bottom p{font-size:.875rem;opacity:.6}.footer-compass{position:absolute;bottom:-80px;right:-80px;width:250px;height:250px;opacity:.05;animation:rotate 60s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.text-center{text-align:center}.text-cream{color:var(--cream)}.text-navy{color:var(--navy-deep)}.text-teal{color:var(--teal-weathered)}.fade-in{opacity:0;transform:translateY(30px);transition:all .8s var(--ease-smooth)}.fade-in.visible{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:var(--navy);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--navy-light)}