:root{--paper:#efeeea;--ink:#101b20;--blue:#174d63;--accent:#ed5b32;--line:#174d633b;--pad:clamp(20px,3.2vw,60px);color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;line-height:1.45}a{color:inherit}img,svg{max-width:100%;display:block}img{height:auto}h1,h2,h3,p{overflow-wrap:break-word}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--paper)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h1,h3,.collection-link,.badge,.cta,.ribbon,.claims p,.bottom__brand,.top__nav{text-transform:uppercase;font-family:Impact,Arial Narrow,Helvetica Neue,Arial,sans-serif;font-weight:900}h1{letter-spacing:-.045em;margin:0;line-height:.91}.top{height:90px;padding:10px var(--pad);z-index:30;background:var(--paper);justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;inset:0 0 auto}.top__identity{width:120px;display:block}.top__logo{mix-blend-mode:multiply;width:100%}.top__call{color:var(--blue);text-transform:uppercase;border:1px solid var(--blue);text-align:center;border-radius:100px;padding:13px 18px;font-family:Georgia,serif;font-size:13px;font-weight:700;line-height:1.2;text-decoration:none;transition:background .25s,color .25s}.top__call:after{content:" ↗"}.top__call:hover{color:var(--paper);background:var(--blue)}.top__nav{padding:20px var(--pad);background:var(--paper);border-top:1px solid var(--line);letter-spacing:.02em;align-items:center;gap:40px;font-size:14px;display:flex;position:fixed;bottom:0;left:0;right:0}.top__nav:after{content:"↗";margin-left:auto;font-family:Arial,sans-serif;font-size:28px;line-height:1}.top__nav a{text-decoration:none;position:relative}.top__nav a:after{content:"";background:var(--blue);transform-origin:0;height:2px;transition:transform .25s;position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}.top__nav a:hover:after,.top__nav a[aria-current]:after{transform:scaleX(1)}.menu-toggle{display:none}main{padding-top:90px;overflow:clip}.hero{height:calc(100svh - 150px);min-height:690px;max-height:1000px;padding:10px var(--pad) 25px;isolation:isolate;grid-template-rows:72% 28%;grid-template-columns:48% 52%;display:grid;position:relative}.hero__plate{width:118%;transform:translate(var(--mx,0px),var(--my,0px));align-self:center;margin:0 0 0 -10%;transition:transform .6s ease-out;position:relative}.sea-art{width:100%;height:auto}.hero__plate figcaption{text-transform:uppercase;max-width:210px;margin:-15px 0 0 12%;font-size:10px;font-weight:700;line-height:1.1}.hero__copy{z-index:2;padding:65px 0 0 3%;position:relative}.hero h1{max-width:8.5ch;color:var(--ink);font-size:clamp(65px,7.8vw,142px)}.hero__lead{max-width:330px;margin-top:22px;font-size:12px;line-height:1.5}.badge{background:var(--accent);color:#111d23;text-align:center;max-width:170px;box-shadow:4px 4px 0 var(--ink);border:2px solid var(--ink);border-radius:48%;padding:18px 23px;font-size:20px;line-height:1;position:absolute;top:0;right:15%;transform:rotate(9deg)}.hero__collection{z-index:3;align-self:center;padding-left:8%;position:relative}.cross{font-size:34px;line-height:1;position:absolute;top:5px;left:0}.collection-link{letter-spacing:-.04em;font-size:clamp(55px,6.7vw,120px);line-height:.95;text-decoration:none;transition:color .25s,transform .35s;display:inline-block}.collection-link:hover{color:var(--blue);transform:translate(8px)}.barcode{background:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 3px,var(--ink) 3px 6px,transparent 6px 8px,var(--ink) 8px 9px,transparent 9px 14px);width:160px;height:24px;margin-top:15px}.hero__logo{border:1px solid var(--line);z-index:3;background:#fff;width:210px;padding:12px;position:absolute;bottom:40px;right:24%;transform:rotate(-12deg);box-shadow:3px 4px #174d631a}.cta{border:2px solid var(--ink);color:var(--paper);background:var(--blue);box-shadow:4px 4px 0 var(--ink);border-radius:4px;justify-content:space-between;align-items:center;gap:25px;padding:18px 25px;font-size:22px;line-height:1;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex}.cta:after{content:"↗";font-family:Arial,sans-serif}.cta:hover{box-shadow:7px 8px 0 var(--ink);background:#226981;transform:rotate(-3deg)translateY(-3px)}.hero__cta{background:var(--accent);max-width:190px;color:var(--ink);text-align:center;border-radius:45%;padding:28px 22px;font-size:26px;position:absolute;bottom:55px;right:4%;transform:rotate(7deg)}.hero__cta:hover{background:#f6744f}.hero__star{color:var(--blue);font-size:55px;line-height:1;position:absolute;top:42%;left:47%}.ribbon{background:var(--blue);color:var(--paper);white-space:nowrap;margin:35px -4% 25px;padding:17px 0;font-size:clamp(24px,3.4vw,50px);line-height:1;overflow:hidden;transform:rotate(-2deg)}.ribbon__track{align-items:center;gap:45px;width:max-content;animation:24s linear infinite marquee;display:flex}.ribbon:hover .ribbon__track{animation-play-state:paused}.ribbon__track>span{flex-shrink:0}.claims{padding:70px var(--pad) 100px;counter-reset:claim;grid-template-columns:1fr 1fr;gap:30px;display:grid;position:relative}.claims p{letter-spacing:-.035em;border-top:1px solid var(--ink);counter-increment:claim;margin:0;padding-top:25px;font-size:clamp(36px,5.5vw,90px);line-height:.96}.claims p:before{content:"0" counter(claim) " ↗";letter-spacing:0;margin-bottom:22px;font-family:Arial,sans-serif;font-size:11px;display:block}.claims p:nth-child(2){color:var(--blue);margin-top:100px}.claims p:nth-child(3){grid-column:1;max-width:12ch}.claims__symbol{color:var(--accent);place-self:center;font-family:Georgia,serif;font-size:180px;line-height:1}.bottom{background:var(--blue);color:var(--paper);padding:55px var(--pad) 110px}.bottom__heading{border-bottom:1px solid #efeeea60;justify-content:space-between;align-items:center;gap:20px;padding-bottom:30px;display:flex}.bottom__brand{letter-spacing:-.055em;margin:0;font-size:clamp(60px,15vw,245px);line-height:.85}.bottom__heading>span{font-size:clamp(50px,10vw,140px);line-height:1}.bottom__info{justify-content:space-between;gap:30px;padding-top:25px;font-size:12px;display:flex}.bottom__info p{flex-shrink:0;margin:0}.bottom__info small{max-width:440px;font-size:11px}.menu{padding:55px var(--pad) 100px}.menu__heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.menu h1{max-width:10ch;font-size:clamp(70px,10.4vw,170px)}.menu__heading>span{color:var(--accent);font-size:clamp(70px,15vw,200px);line-height:1}.menu__top{justify-content:space-between;align-items:center;gap:30px;margin:30px 0 55px;display:flex}.menu__intro{max-width:420px;font-size:14px}.menu__top .cta{flex-shrink:0}.menu__body{grid-template-columns:.85fr 1.15fr;gap:5%;display:grid}.menu__art{align-self:start;position:sticky;top:120px}.menu__art .sea-art{transform:rotate(-12deg)scale(1.08)}.menu__art>span{color:var(--accent);text-align:center;font-size:100px;display:block}.menu__list{border-top:2px solid var(--ink);counter-reset:dish;margin:0;padding:0;list-style:none}.dish{border-bottom:1px solid var(--ink);counter-increment:dish;padding:25px 0 25px 35px;transition:padding .3s,color .3s;position:relative}.dish:before{content:"0" counter(dish);font-size:11px;position:absolute;top:30px;left:0}.dish__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.dish h3{letter-spacing:-.02em;max-width:15ch;margin:0;font-size:clamp(27px,3vw,45px);line-height:1}.dish__price{text-transform:uppercase;white-space:nowrap;border:1px solid var(--line);border-radius:30px;padding:4px 9px;font-size:10px}.dish p{max-width:350px;margin:15px 0 0;font-size:13px}.dish:hover{color:var(--blue);padding-left:43px}.book{padding:65px var(--pad) 100px;grid-template-columns:1.1fr 1fr;align-items:center;gap:7%;min-height:calc(100svh - 90px);display:grid}.book h1{max-width:10ch;font-size:clamp(65px,7.5vw,120px)}.book__card>p{max-width:350px;margin:28px 0;font-size:14px}.book__card .cta{font-size:18px}.book__details{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;font-size:12px}.book__details p{margin:0 0 6px}.book address{font-style:normal}.book__poster{aspect-ratio:4/5;background:repeating-conic-gradient(var(--blue) 0 25%,var(--paper) 0 50%) 50%/80px 80px;border:1px solid var(--blue);justify-content:center;align-items:center;display:flex;position:relative;transform:rotate(4deg)}.book__img{background:#fff;width:85%;padding:22px;transform:rotate(-10deg);box-shadow:7px 7px #101b2033}.poster__star{color:var(--accent);z-index:2;font-size:130px;line-height:1;position:absolute;top:-48px;right:20px}.poster__waves{background:var(--accent);color:var(--ink);padding:5px 20px 18px;font-family:Georgia,serif;font-size:60px;line-height:.8;position:absolute;bottom:15px;left:8%;transform:rotate(-5deg)}@media (width>=1600px){.hero{min-height:800px}.hero__copy{padding-top:100px}.hero__logo{width:260px;bottom:60px}.hero__cta{bottom:70px}.hero__lead{max-width:420px;font-size:15px}}@media (width<=900px) and (width>=701px){.hero h1{font-size:8.8vw}.hero__logo{width:160px;right:27%}.hero__cta{max-width:160px;font-size:20px;right:3%}.hero__plate{width:130%;margin-left:-16%}.book{gap:4%}.book h1{font-size:8vw}}@media (width<=700px){.top{border-bottom:1px solid var(--line);gap:12px;height:76px;padding:8px 17px}.top__identity{order:2;width:86px;margin-right:auto}.menu-toggle{width:28px;height:35px;color:var(--ink);cursor:pointer;background:0 0;border:0;flex-direction:column;order:1;justify-content:center;gap:6px;padding:7px 0;display:flex}.menu-toggle span{background:currentColor;width:26px;height:2px;transition:transform .3s;display:block}.menu-open .menu-toggle span:first-child{transform:translateY(4px)rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-4px)rotate(-45deg)}.top__call{order:3;max-width:135px;padding:10px 11px;font-size:10px}.top__nav{border-bottom:1px solid var(--blue);padding:35px 24px 45px;font-size:40px;line-height:1.5;display:none;position:fixed;inset:76px 0 auto;box-shadow:0 20px #174d631a}.menu-open .top__nav{flex-direction:column;align-items:flex-start;gap:15px;display:flex}.top__nav:after{font-size:60px;position:absolute;bottom:35px;right:25px}main{padding-top:76px}.hero{flex-direction:column;height:auto;min-height:0;max-height:none;padding:0 20px 35px;display:flex;overflow:hidden}.hero__plate{order:1;width:120%;margin:20px -10% 10px;transform:none}.hero__plate figcaption{max-width:170px;margin:-23px 0 0 12%;font-size:8px}.hero__copy{order:3;padding:30px 0 0}.hero h1{max-width:9ch;font-size:clamp(68px,15.5vw,108px)}.hero__lead{max-width:270px;margin:24px 0 0;font-size:12px}.badge{max-width:120px;padding:16px;font-size:15px;position:absolute;top:-245px;right:0}.hero__collection{order:2;align-self:stretch;margin-top:20px;padding-left:14%}.collection-link{font-size:clamp(55px,16vw,85px)}.cross{font-size:29px}.barcode{width:105px;height:18px;margin-top:10px}.hero__logo{order:4;align-self:flex-start;width:150px;margin:40px 0 25px 10px;padding:8px;position:relative;bottom:auto;right:auto}.hero__cta{max-width:155px;padding:22px 17px;font-size:21px;bottom:65px;right:25px}.hero__star{font-size:36px;top:53%;left:auto;right:20px}.ribbon{margin:20px -4% 0;padding:15px 0;font-size:28px}.ribbon__track{gap:25px}.claims{grid-template-columns:1fr;gap:35px;padding:65px 20px 60px}.claims p{max-width:12ch;font-size:clamp(43px,11vw,70px)}.claims p:nth-child(2){max-width:11ch;margin:0 0 0 12%}.claims p:nth-child(3){grid-column:auto}.claims__symbol{opacity:.8;font-size:100px;position:absolute;bottom:40px;right:15px}.bottom{padding:40px 20px 35px}.bottom__brand{font-size:17vw}.bottom__heading{gap:10px;padding-bottom:25px}.bottom__heading>span{font-size:45px}.bottom__info{display:block}.bottom__info small{margin-top:15px;display:block}.menu{padding:40px 20px 60px}.menu h1{font-size:clamp(64px,16vw,110px)}.menu__heading{gap:0}.menu__heading>span{align-self:flex-end;font-size:55px}.menu__top{margin:25px 0;display:block}.menu__intro{font-size:13px}.menu__top .cta{margin-top:15px;font-size:18px}.menu__body{flex-direction:column;gap:20px;display:flex}.menu__art{align-self:center;width:100%;max-width:420px;position:relative;top:auto}.menu__art .sea-art{transform:none}.menu__art>span{font-size:70px;position:absolute;top:0;right:15px}.dish{padding:24px 0 24px 30px}.dish h3{font-size:30px}.dish__price{font-size:9px}.book{flex-direction:column;align-items:stretch;gap:70px;min-height:0;padding:45px 20px 70px;display:flex;overflow:hidden}.book h1{font-size:clamp(64px,15vw,100px)}.book__poster{align-self:center;width:90%;max-width:400px}.book__card>p{max-width:320px}.poster__star{font-size:100px;top:-40px}.book__img{padding:15px}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes enter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes sticker{0%{opacity:0;rotate:-15deg;scale:.7}to{opacity:1;rotate:0deg;scale:1}}@media (prefers-reduced-motion:no-preference){.hero__copy,.menu__heading,.book__card{animation:.8s .1s both enter}.badge,.hero__logo,.hero__cta{animation:.7s .4s both sticker}.will-reveal{opacity:0;transition:opacity .7s,translate .7s;translate:0 30px}.will-reveal.is-visible{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.will-reveal{opacity:1;translate:0}}.site-track:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}.journey-progress{display:none}.feast-art{width:100%;height:auto}.sea-story{min-width:0;position:relative}.sea-story figure{margin:0}.sea-story figcaption{text-transform:uppercase;max-width:230px;margin:0 8%;font-size:10px;font-weight:700;line-height:1.3}.claims .sea-story p{max-width:12ch;margin:0;font-size:clamp(42px,5.3vw,85px)}.claims .sea-story p:before{content:"↗";font-size:22px}.claims .sea-story--mussels p{color:var(--blue);margin:25px 0 0 10%}.story-star{color:var(--accent);font-size:85px;line-height:1;position:absolute;top:15%;right:0}.sea-story--last .claims__symbol{text-align:center;margin-top:30px;position:static}.claims{grid-template-columns:1fr 1fr;gap:45px}.sea-story--last{grid-column:1/-1;justify-content:space-between;align-items:center;gap:50px;display:flex}.sea-story--last .claims__symbol{margin:0}.sea-story--rice .feast-art{transform:rotate(-9deg)}.sea-story--mussels .feast-art{transform:rotate(8deg)}@media (width>=901px){body[data-page=inicio]{overflow:hidden}body[data-page=inicio] .site-track{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--blue) var(--paper);scroll-behavior:auto;align-items:stretch;width:100%;height:calc(100svh - 154px);margin-top:90px;display:flex;overflow:auto hidden}body[data-page=inicio] main{display:contents}body[data-page=inicio] .hero{flex:0 0 100vw;grid-template-rows:72% 28%;width:100vw;height:100%;min-height:0;max-height:none;padding-top:12px;padding-bottom:20px}body[data-page=inicio] .hero__plate{width:112%;max-height:100%;margin-left:-7%}body[data-page=inicio] .hero__plate .sea-art{max-height:calc(65svh - 100.1px)}body[data-page=inicio] .hero__copy{padding-top:clamp(36px,7vh,80px)}body[data-page=inicio] .hero h1{font-size:clamp(65px,min(8vw,14vh),145px)}body[data-page=inicio] .hero__lead{margin-top:18px;font-size:clamp(11px,1vw,15px)}body[data-page=inicio] .hero__logo{width:clamp(130px,14vw,220px);bottom:30px;right:26%}body[data-page=inicio] .hero__cta{bottom:35px}body[data-page=inicio] .ribbon{border-radius:55px;flex:0 0 105px;justify-content:center;align-items:center;margin:0 25px;padding:0;display:flex;overflow:hidden;transform:none}body[data-page=inicio] .ribbon__track{writing-mode:vertical-rl;gap:35px;font-size:35px;animation:26s linear infinite sea-vertical}body[data-page=inicio] .claims{flex:0 0 175vw;grid-template-columns:1fr 1fr .8fr;align-items:center;gap:65px;height:100%;padding:25px 45px;display:grid}body[data-page=inicio] .sea-story{flex-direction:column;justify-content:center;height:100%;display:flex}body[data-page=inicio] .claims .sea-story p{max-width:12ch;padding-top:18px;font-size:clamp(40px,min(5.8vw,10vh),100px)}body[data-page=inicio] .claims .sea-story p:before{margin-bottom:12px}body[data-page=inicio] .sea-story figure{flex:0 auto;min-height:0}body[data-page=inicio] .feast-art{object-fit:contain;width:100%;height:min(39vh,420px)}body[data-page=inicio] .sea-story--mussels figure{margin-bottom:25px}body[data-page=inicio] .sea-story--last{grid-column:auto;align-items:stretch;gap:25px}body[data-page=inicio] .sea-story--last .claims__symbol{font-size:clamp(100px,17vh,200px)}body[data-page=inicio] .bottom{min-width:0;height:100%;padding:50px var(--pad) 40px;flex-direction:column;flex:0 0 66vw;justify-content:space-between;margin-left:30px;display:flex}body[data-page=inicio] .bottom__brand{max-width:5ch;font-size:clamp(70px,13vw,220px)}body[data-page=inicio] .bottom__heading>span{font-size:90px}body[data-page=inicio] .bottom__info{flex-direction:column;gap:18px}body[data-page=inicio] .journey-progress{background:var(--line);z-index:35;pointer-events:none;height:3px;display:block;position:fixed;bottom:63px;left:0;right:0}.journey-progress span{background:var(--accent);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}}@media (width>=901px) and (height<=650px){body[data-page=inicio] .hero h1{font-size:12vh}body[data-page=inicio] .hero__copy{padding-top:33px}body[data-page=inicio] .hero__lead{max-width:400px;margin-top:12px;font-size:11px}body[data-page=inicio] .badge{padding:10px;font-size:14px;right:3%}body[data-page=inicio] .hero__cta{padding:18px;font-size:18px;bottom:20px}body[data-page=inicio] .hero__logo{width:115px;bottom:20px}body[data-page=inicio] .collection-link{font-size:9vh}body[data-page=inicio] .barcode{height:14px;margin-top:7px}body[data-page=inicio] .bottom{padding-top:25px}body[data-page=inicio] .bottom__brand{font-size:20vh}body[data-page=inicio] .claims .sea-story p{font-size:9vh}}@media (width<=700px){.claims{flex-direction:column;gap:55px;display:flex}.claims .sea-story p{font-size:clamp(43px,11vw,70px)}.sea-story--last{display:block}.sea-story--last .claims__symbol{margin-top:25px;font-size:110px;position:static}.story-star{font-size:60px;top:30%}.sea-story--mussels figure{margin-bottom:25px}.sea-story figure{margin-left:-15px;margin-right:-15px}.sea-story figcaption{font-size:9px}}@keyframes sea-vertical{to{transform:translateY(-50%)}}@media (prefers-reduced-motion:reduce){body[data-page=inicio] .ribbon__track{animation:none}}
