:root{--sand:#f6efe3;--sand-deep:#ece0c8;--foam:#fbf8f1;--sea-powder:#dceef2;--sea-mist:#b9dce3;--sea-foam:#c9e6d7;--shell:#f3ded2;--ink:#1f3a5f;--ink-soft:#52688a;--ink-faint:#1f3a5f8c;--line:#1f3a5f24;--coral:#c05b3c;--coral-deep:#a04a2f;--coral-soft:#e8a487;--white:#fff;--font-display:"Fraunces", "Iowan Old Style", serif;--font-body:"Jost", "Helvetica Neue", Arial, sans-serif;--container:1240px;--edge:clamp(20px, 5vw, 64px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:auto}html,body{background:var(--sand);color:var(--ink);overscroll-behavior-y:none;margin:0;padding:0}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;cursor:default;font-size:16px;line-height:1.6}#root{position:relative;overflow-x:clip}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;margin:0;font-weight:500}p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}ul{margin:0;padding:0;list-style:none}::selection{background:var(--coral);color:var(--foam)}.eyebrow{font-family:var(--font-body);letter-spacing:.22em;text-transform:uppercase;color:var(--coral);align-items:center;gap:10px;font-size:12.5px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--coral);width:22px;height:1px}.container{max-width:var(--container);padding-left:var(--edge);padding-right:var(--edge);margin:0 auto}.btn{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:14px 28px;font-size:13px;font-weight:600;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s,background .3s,color .3s;display:inline-flex}.btn-solid{background:var(--coral);color:var(--foam);box-shadow:0 10px 24px -10px #c05b3c99}.btn-solid:hover{background:var(--coral-deep);transform:translateY(-2px);box-shadow:0 16px 30px -12px #c05b3ca6}.btn-outline{border:1.5px solid var(--ink);color:var(--ink)}.btn-outline:hover{background:var(--ink);color:var(--sand);transform:translateY(-2px)}.btn-ghost{color:var(--ink);border:1.5px solid var(--line)}.btn-ghost:hover{border-color:var(--ink);transform:translateY(-2px)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--sand)}::-webkit-scrollbar-thumb{background:var(--sea-mist);border-radius:10px}.scroll-progress{background:linear-gradient(90deg, var(--sea-mist), var(--coral));transform-origin:0%;z-index:10000;height:3px;position:fixed;top:0;left:0;right:0}.cursor-blob{border:1.5px solid var(--ink);pointer-events:none;z-index:9999;mix-blend-mode:multiply;border-radius:50%;width:22px;height:22px;margin-top:-11px;margin-left:-11px;position:fixed;top:0;left:0}@media (width<=720px){.cursor-blob{display:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.topbar{background:var(--ink);color:#fbf8f1d1;letter-spacing:.03em;font-size:12.5px}.topbar-inner{justify-content:space-between;align-items:center;height:34px;display:flex}.topbar-inner a{color:var(--foam);font-weight:600}@media (width<=640px){.topbar-inner span{display:none}.topbar-inner{justify-content:center}}.navbar{z-index:500;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#f6efe3b3;border-bottom:1px solid #0000;transition:background .5s,-webkit-backdrop-filter .5s,backdrop-filter .5s,border-color .5s,box-shadow .5s;position:sticky;top:0}.navbar--scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--line);background:#fbf8f1db;box-shadow:0 12px 30px -20px #1f3a5f59}.navbar-inner{justify-content:space-between;align-items:center;gap:24px;padding-top:16px;padding-bottom:16px;transition:padding .4s;display:flex}.navbar--scrolled .navbar-inner{padding-top:10px;padding-bottom:10px}.navbar-brand{flex-direction:column;flex-shrink:0;line-height:1;display:flex}.navbar-brand-kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--coral);white-space:nowrap;margin-bottom:4px;font-size:10px;font-weight:600}.navbar-brand-name{font-family:var(--font-display);color:var(--ink);white-space:nowrap;font-size:26px;font-weight:600;transition:font-size .4s}.navbar--scrolled .navbar-brand-name{font-size:22px}.navbar-links{letter-spacing:.03em;gap:30px;font-size:13px;font-weight:500;display:flex}.navbar-links a{padding-bottom:4px;position:relative}.navbar-links a:after{content:"";background:var(--coral);transform-origin:100%;width:100%;height:1.5px;transition:transform .4s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.navbar-links a:hover:after{transform-origin:0;transform:scaleX(1)}.navbar-actions{flex-shrink:1;align-items:center;gap:18px;min-width:0;display:flex}.navbar-cta-short{display:none}@media (width<=480px){.navbar-cta-full{display:none}.navbar-cta-short{display:inline}}.navbar-burger{flex-direction:column;gap:5px;padding:6px;display:none}.navbar-burger span{background:var(--ink);width:22px;height:1.6px}.navbar-mobile-inner{padding:8px var(--edge) 28px;flex-direction:column;gap:18px;font-size:16px;font-weight:500;display:flex}@media (width<=900px){.navbar-links{display:none}.navbar-burger{flex-shrink:0;display:flex}.navbar-actions{flex-shrink:0}.navbar-actions .btn{padding:10px 18px;font-size:11.5px}}@media (width<=600px){.navbar-brand-kicker{display:none}}.hero{background:var(--ink);align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-photos{position:absolute;inset:-4% -4% -22%}.hero-photo{object-fit:cover;will-change:opacity, transform;width:100%;height:100%;position:absolute;inset:0}.hero-tint{background:linear-gradient(155deg, var(--sea-mist) 0%, transparent 55%), linear-gradient(-25deg, var(--shell) 0%, transparent 50%);mix-blend-mode:soft-light;opacity:.65;pointer-events:none;position:absolute;inset:0}.hero-scrim{pointer-events:none;background:linear-gradient(#14243a52 0%,#14243a1f 32%,#14243a6b 68%,#14243ac7 100%);position:absolute;inset:0}.hero-boat{width:min(30vw,300px);color:var(--foam);opacity:.4;pointer-events:none;position:absolute;bottom:4%;left:clamp(-30px,2vw,10px)}.hero-boat-svg{width:100%;height:auto}.hero-content{z-index:2;max-width:780px;position:relative}.hero-eyebrow{color:var(--shell);margin-bottom:22px}.hero-eyebrow:before{background:var(--shell)}.hero-title{color:var(--foam);text-shadow:0 8px 40px #14243a59;flex-wrap:wrap;font-size:clamp(56px,11vw,132px);font-weight:600;line-height:.95;display:flex}.hero-title-mask{display:inline-block;overflow:hidden}.hero-title-letter{display:inline-block}.hero-tagline{color:#fbf8f1e0;text-shadow:0 2px 16px #14243a4d;max-width:460px;margin-top:28px;font-size:clamp(16px,2vw,19px);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:40px;display:flex}.hero-outline{color:var(--foam);border-color:#fbf8f1b3}.hero-outline:hover{background:var(--foam);color:var(--ink)}.hero-carousel-controls{pointer-events:none;z-index:3;justify-content:space-between;align-items:center;padding:0 clamp(10px,3vw,34px);display:flex;position:absolute;inset:0}.hero-arrow{pointer-events:auto;width:44px;height:44px;color:var(--foam);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fbf8f11f;border:1px solid #fbf8f159;border-radius:50%;justify-content:center;align-items:center;font-size:26px;line-height:1;transition:background .3s,transform .3s;display:flex}.hero-arrow:hover{background:#fbf8f13d;transform:scale(1.06)}.hero-carousel-bottom{z-index:3;align-items:center;gap:16px;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.hero-play{width:30px;height:30px;color:var(--foam);background:#fbf8f124;border:1px solid #fbf8f166;border-radius:50%;justify-content:center;align-items:center;font-size:10px;display:flex}.hero-dots{gap:9px;display:flex}.hero-dot{background:#fbf8f173;border-radius:50%;width:7px;height:7px;transition:background .3s,transform .3s}.hero-dot--active{background:var(--foam);transform:scale(1.3)}.hero-cue{left:var(--edge);letter-spacing:.2em;text-transform:uppercase;color:#fbf8f1bf;z-index:3;align-items:center;gap:12px;font-size:11px;display:flex;position:absolute;bottom:36px}.hero-cue-line{background:#fbf8f180;width:1px;height:44px;position:relative;overflow:hidden}.hero-cue-line:after{content:"";background:var(--coral-soft);width:100%;height:100%;animation:2.2s ease-in-out infinite cueDrop;position:absolute;top:-100%;left:0}@keyframes cueDrop{0%{top:-100%}60%{top:100%}to{top:100%}}@media (width<=720px){.hero-boat,.hero-cue{display:none}.hero-carousel-controls{padding:0 8px}.hero-arrow{width:36px;height:36px;font-size:20px}}.marquee{background:var(--ink);color:var(--sand);padding:20px 0;overflow:hidden}.marquee-track{width:max-content;animation:34s linear infinite marqueeScroll;display:flex}.marquee-item{font-family:var(--font-display);white-space:nowrap;align-items:center;gap:24px;padding:0 32px;font-size:clamp(20px,3vw,30px);font-weight:500;display:flex}.marquee-icon{width:20px;height:20px;color:var(--coral-soft)}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.story{background:var(--sand);padding:120px 0}.story-grid{grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(40px,6vw,90px);display:grid}.story-card{aspect-ratio:5/4;background:linear-gradient(150deg, var(--sea-powder), var(--sea-foam));border-radius:28px;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #1f3a5f59}.story-card-photo{object-fit:cover;width:100%;height:100%}.story-card-badge{background:var(--shell);border:4px solid var(--foam);width:108px;height:108px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-18px;right:-18px;box-shadow:0 16px 30px -14px #1f3a5f80}.story-card-badge-svg{width:58%;height:auto}@media (width<=560px){.story-card-badge{width:76px;height:76px;bottom:-10px;right:-10px}}.story-heading{max-width:16ch;margin-top:16px;font-size:clamp(30px,4vw,46px);line-height:1.15}.story-text{max-width:52ch;color:var(--ink-soft);margin-top:22px;font-size:16.5px;line-height:1.75}.story-features{flex-direction:column;gap:26px;margin-top:46px;display:flex}.story-features li{border-top:1px solid var(--line);align-items:flex-start;gap:18px;padding-top:22px;display:flex}.story-feature-index{font-family:var(--font-display);color:var(--coral);margin-top:3px;font-size:15px}.story-features h3{margin-bottom:6px;font-size:17px;font-weight:600}.story-features p{color:var(--ink-soft);max-width:46ch;font-size:14.5px;line-height:1.6}.menu{background:var(--sea-powder);padding:120px 0}.menu-head{grid-template-columns:1fr 1fr;align-items:end;gap:40px;display:grid}.menu-heading{max-width:14ch;margin-top:16px;font-size:clamp(30px,4vw,46px)}.menu-lede{color:var(--ink-soft);text-align:right;justify-self:end;max-width:48ch;font-size:16px;line-height:1.7}.menu-sections-row{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:10px 14px;margin-top:40px;padding-bottom:28px;display:flex}.menu-sections-row li{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600}.menu-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px;display:grid}.dish-card{background:var(--foam);border-radius:20px;padding:30px 26px;transition:box-shadow .4s;position:relative;box-shadow:0 20px 44px -28px #1f3a5f66}.dish-card:hover{box-shadow:0 26px 54px -24px #1f3a5f73}.dish-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--coral);background:var(--shell);border-radius:999px;padding:5px 10px;font-size:10px;font-weight:700;position:absolute;top:22px;right:24px}.dish-icon{width:40px;height:40px;color:var(--ink)}.dish-card h3{max-width:20ch;margin-top:20px;font-size:19px;font-weight:600}.dish-note{color:var(--ink-soft);margin-top:8px;font-size:13.5px;line-height:1.5}.dish-price{font-family:var(--font-display);color:var(--coral-deep);margin-top:20px;font-size:17px;display:inline-block}.menu-cta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:56px;display:flex}.menu-cta-note{color:var(--ink-soft);font-size:14px}@media (width<=900px){.menu-head{grid-template-columns:1fr}.menu-lede{text-align:left;justify-self:start}.menu-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.menu-grid{grid-template-columns:1fr}}.photoband{align-items:flex-end;height:clamp(340px,52vw,560px);display:flex;position:relative;overflow:hidden}.photoband-img{object-fit:cover;width:100%;height:124%;position:absolute;inset:-12% 0}.photoband-scrim{background:linear-gradient(#14243a0d 45%,#14243ab3 100%);position:absolute;inset:0}.photoband-caption{z-index:1;width:100%;padding:0 var(--edge) 46px;font-family:var(--font-display);color:var(--foam);max-width:620px;font-size:clamp(20px,3vw,32px);position:relative}.raciones{background:var(--sand);padding:130px 0 160px;overflow:hidden}.raciones-inner{grid-template-columns:.9fr 1.1fr;align-items:start;gap:clamp(30px,6vw,80px);display:grid}.raciones-copy{position:sticky;top:140px}.raciones-heading{max-width:14ch;margin-top:16px;font-size:clamp(28px,3.6vw,42px)}.raciones-text{color:var(--ink-soft);max-width:42ch;margin-top:22px;font-size:16px;line-height:1.75}.raciones-columns{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.raciones-col{flex-direction:column;gap:18px;display:flex}.raciones-col:nth-child(2){margin-top:60px}.raciones-panel{aspect-ratio:3/4;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 20px 40px -26px #1f3a5f73}.raciones-panel-img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1)}.raciones-panel:hover .raciones-panel-img{transform:scale(1.06)}.raciones-panel:after{content:"";background:linear-gradient(#14243a00 45%,#14243ab8 100%);position:absolute;inset:0}.raciones-panel-caption{z-index:1;color:var(--foam);font-size:13px;font-weight:600;line-height:1.3;position:absolute;bottom:14px;left:14px;right:14px}@media (width<=900px){.raciones-inner{grid-template-columns:1fr}.raciones-copy{position:static}}@media (width<=600px){.raciones-columns{grid-template-columns:repeat(2,1fr)}.raciones-col:nth-child(2){margin-top:0}}@media (width<=420px){.raciones-columns{grid-template-columns:1fr}}.puerto{background:var(--sea-mist);padding-top:0;padding-bottom:120px;position:relative}.puerto-skyline{width:100%;color:var(--ink);margin-bottom:-2px}.puerto-skyline-svg{width:100%;height:auto;display:block}.puerto-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,6vw,70px);padding-top:80px;display:grid}.puerto-heading{max-width:16ch;margin-top:14px;font-size:clamp(28px,3.6vw,42px)}.puerto-photo{aspect-ratio:16/10;object-fit:cover;border-radius:20px;width:100%;max-width:420px;margin-top:26px;box-shadow:0 24px 46px -28px #1f3a5f80}.puerto-list{flex-direction:column;gap:20px;margin-top:36px;display:flex}.puerto-list>div{border-top:1px solid #1f3a5f2e;padding-top:16px}.puerto-list dt{letter-spacing:.1em;text-transform:uppercase;color:var(--coral-deep);margin-bottom:6px;font-size:11px;font-weight:700}.puerto-list dd{margin:0;font-size:16px}.puerto-actions{flex-wrap:wrap;gap:14px;margin-top:36px;display:flex}.puerto-map{aspect-ratio:4/3.4;background:radial-gradient(circle at 30% 20%, var(--sea-foam), var(--sea-powder) 55%, var(--foam) 100%);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:24px;transition:transform .5s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #1f3a5f80}.puerto-map:hover{transform:translateY(-4px)}.puerto-map-pin{filter:drop-shadow(0 14px 18px #1f3a5f4d);width:72px;height:86px}.puerto-map-pin svg{width:100%;height:100%}.puerto-map-cta{letter-spacing:.05em;text-transform:uppercase;color:var(--ink);background:var(--foam);border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 10px 24px -12px #1f3a5f66}.puerto-map-cta-arrow{transition:transform .35s}.puerto-map:hover .puerto-map-cta-arrow{transform:translate(4px)}@media (width<=900px){.puerto-grid{grid-template-columns:1fr}}.reserve{background:linear-gradient(135deg, var(--coral), var(--coral-deep));color:var(--foam);text-align:center;padding:120px 0;position:relative;overflow:hidden}.reserve-inner h2{color:var(--foam);max-width:18ch;margin:0 auto;font-size:clamp(32px,5vw,56px)}.reserve-inner p{color:#fbf8f1e0;max-width:46ch;margin:24px auto 0;font-size:16.5px;line-height:1.7}.reserve-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:40px;display:flex}.reserve .btn-solid{background:var(--foam);color:var(--coral-deep);box-shadow:none}.reserve .btn-solid:hover{background:var(--sand);color:var(--coral-deep)}.reserve .btn-outline{color:var(--foam);border-color:#fbf8f199}.reserve .btn-outline:hover{background:var(--foam);color:var(--coral-deep)}.reserve-gull{width:90px;color:var(--foam);opacity:.35;animation:8s ease-in-out infinite gullFloat;position:absolute}.reserve-gull-1{animation-delay:0s;top:18%;left:8%}.reserve-gull-2{width:60px;animation-delay:2s;bottom:20%;right:10%}@keyframes gullFloat{0%,to{transform:translate(0)}50%{transform:translate(24px,-14px)}}.wave-divider{width:100%;line-height:0}.footer{background:var(--ink);color:#fbf8f1b8;padding-top:0}.footer-wave{margin-top:-1px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-top:50px;padding-bottom:60px;display:grid}.footer-brand-mark{align-items:center;gap:12px;display:flex}.footer-logo{filter:brightness(0)invert();opacity:.92;width:auto;height:26px}.footer-brand-name{font-family:var(--font-display);color:var(--foam);font-size:28px;font-weight:600}.footer-brand p{max-width:26ch;margin-top:14px;font-size:14px;line-height:1.6}.footer-col h4{color:var(--foam);letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px;font-size:12px}.footer-col ul{flex-direction:column;gap:12px;font-size:14px;display:flex}.footer-col a:hover{color:var(--coral-soft)}.footer-bottom{border-top:1px solid #fbf8f124;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:22px 0 34px;font-size:12.5px;display:flex}@media (width<=800px){.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.footer-grid{grid-template-columns:1fr}}@media (width<=900px){.story-grid{grid-template-columns:1fr}.story-card{aspect-ratio:16/10}}