@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/carte-cafe/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/carte-cafe/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/carte-cafe/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--yellow:#ffc800;--blue:#0033a0;--red:#e4002b;--green:#00a86b;--pink:#ff4f9a;--turquoise:#00b5c8;--ink:#0b1640;--paper:#fff8e6;--white:#fff;--land:#f4e9d0;--soldout:#8d93a8;--border:3px solid var(--ink);--shadow:6px 6px 0;--radius:18px;--font-display:"Bricolage Grotesque Variable", "Arial Black", system-ui, sans-serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease:cubic-bezier(.22, .8, .24, 1);--zoom-duration:.75s;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1rem}body{background:var(--paper);color:var(--ink);font:1rem/1.6 var(--font-body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);margin:0 0 .5em;font-weight:800;line-height:1.05}p{margin:0 0 1em}a{color:inherit}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:6px}[hidden]{display:none!important}.small{font-size:.85rem}.wrap{width:100%;max-width:1360px;margin-inline:auto;padding-inline:clamp(1rem,4vw,3rem)}.display{text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(2.6rem,7vw,5.5rem);line-height:.92}.btn{border:var(--border);background:var(--red);color:var(--white);box-shadow:4px 4px 0 var(--ink);transition:transform .15s var(--ease), box-shadow .15s var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:.5em;padding:.8em 1.4em;font-weight:800;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn--big{font-family:var(--font-display);box-shadow:var(--shadow) var(--blue);padding:.85em 1.6em;font-size:clamp(1.05rem,2vw,1.35rem)}.btn--big:hover{box-shadow:9px 9px 0 var(--blue)}.btn--ghost{background:var(--white);color:var(--ink)}.badge{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.2em .75em;font-size:.75rem;font-weight:800;display:inline-block}.badge--soldout{background:var(--ink);color:var(--yellow)}.link{text-underline-offset:4px;font-weight:700;text-decoration-thickness:2px}.link--strong{color:var(--red)}.pill{border:var(--border);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);border-radius:999px;margin:0;padding:.4em 1em;font-weight:800;display:inline-block}.icon-btn{border:var(--border);background:var(--white);width:2.5rem;height:2.5rem;color:var(--ink);cursor:pointer;box-shadow:2px 2px 0 var(--ink);border-radius:50%;place-items:center;transition:transform .15s,background .15s;display:inline-grid}.icon-btn:hover{background:var(--yellow);transform:translate(-1px,-1px)}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.top{background:var(--yellow);border-bottom:var(--border);position:relative;overflow:hidden}.top:before,.top:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.top:before{background:var(--pink);border:var(--border);width:40vw;height:40vw;top:4rem;right:-17vw}.top:after{background:var(--turquoise);border:var(--border);width:16vw;height:16vw;bottom:-6vw;right:22vw}.topbar{z-index:1;align-items:center;gap:1.5rem;padding-block:1.1rem;display:flex;position:relative}.brand{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;margin:0;font-size:1.3rem;font-weight:800;text-decoration:none}.topbar__nav{gap:1.25rem;margin-left:auto;display:flex}.topbar__nav a{font-weight:700;text-decoration:none}.topbar__nav a:hover{text-underline-offset:5px;text-decoration:underline 3px}.langs{border:var(--border);background:var(--white);border-radius:999px;gap:.3rem;padding:.25rem;display:flex}.langs a{border-radius:999px;padding:.3em .65em;font-size:.8rem;font-weight:800;text-decoration:none}.langs a[aria-current]{background:var(--ink);color:var(--yellow)}.langs abbr{text-decoration:none}@media (width<=720px){.topbar__nav{display:none}.langs{margin-left:auto}}.hero{z-index:1;padding-block:clamp(2.5rem,7vw,5.5rem) clamp(2.5rem,6vw,4.5rem);position:relative}.eyebrow{margin-bottom:1.25rem}.eyebrow span{background:var(--ink);color:var(--yellow);letter-spacing:.16em;text-transform:uppercase;border-radius:6px;padding:.35em .9em;font-size:.85rem;font-weight:800;display:inline-block;transform:rotate(-2deg)}.hero__title{text-transform:uppercase;letter-spacing:-.035em;overflow-wrap:break-word;hyphens:manual;max-width:12ch;margin:0 0 2rem;font-size:clamp(3.2rem,12.5vw,11rem);line-height:.86}.hero__title em{color:var(--red);text-shadow:.05em .05em 0 var(--blue);transform-origin:0;font-style:normal;display:inline-block;transform:rotate(-2deg)}.hero__foot{flex-wrap:wrap;align-items:center;gap:1.5rem 2.5rem;display:flex}.hero__subtitle{max-width:38ch;margin:0;font-size:clamp(1.05rem,1.8vw,1.3rem);font-weight:500}.explorer{padding-block:clamp(3rem,6vw,5rem)}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem 2rem;margin-bottom:1.75rem;display:flex}.section-head .display{margin:0}.explorer__body{gap:2rem;display:grid}@media (width>=1000px){.explorer__body{grid-template-columns:minmax(0,1fr) 400px;align-items:start}.explorer__map{position:sticky;top:1rem}}.map{border-radius:var(--radius);background:var(--blue);border:var(--border);box-shadow:10px 10px 0 var(--yellow), 10px 10px 0 3px var(--ink);position:relative;overflow:hidden}.map__stage{transform-origin:0 0;width:100%;transition:transform var(--zoom-duration) var(--ease);will-change:transform;position:relative}.map__svg{width:100%;height:100%;display:block}.map__ocean{fill:var(--blue)}.map__belt{fill:var(--pink);opacity:.28}.map__belt-label{font:800 12px var(--font-display);letter-spacing:.14em;text-transform:uppercase;fill:var(--white);transition:opacity .3s}.has-selection .map__belt-label{opacity:0}.map__graticule{fill:none;stroke:#2a56c0;stroke-width:.6px;vector-effect:non-scaling-stroke}.map__country{fill:var(--land);stroke:var(--blue);stroke-width:.6px;vector-effect:non-scaling-stroke;transition:fill .3s}.map__country.is-origin{fill:var(--yellow);stroke:var(--ink);stroke-width:1.2px}.map__world{border:var(--border);background:var(--yellow);color:var(--ink);font:inherit;cursor:pointer;box-shadow:3px 3px 0 var(--ink);border-radius:999px;align-items:center;gap:.4em;padding:.5em 1em;font-size:.85rem;font-weight:800;display:inline-flex;position:absolute;bottom:.85rem;left:.85rem}.marker{--size:20px;width:44px;height:44px;color:var(--ink);transform:scale(calc(1 / var(--k,1)));transition:transform var(--zoom-duration) var(--ease);z-index:1;place-items:center;margin:-22px 0 0 -22px;text-decoration:none;display:grid;position:absolute}.marker__dot{width:var(--size);height:var(--size);background:var(--red);border:3px solid var(--white);box-shadow:0 0 0 0 #ffc800cc, 0 2px 0 var(--ink);transition:transform .2s var(--ease), background .2s;border-radius:50%;animation:2.4s ease-out infinite pulse}.marker.is-soldout .marker__dot{background:var(--soldout);animation:none}.marker:hover .marker__dot,.marker.is-hover .marker__dot,.marker:focus-visible .marker__dot{transform:scale(1.25)}.marker.is-active{z-index:2}.marker.is-active .marker__dot{background:var(--red);border-color:var(--yellow);box-shadow:0 0 0 3px var(--ink);animation:none;transform:scale(1.45)}.marker:focus-visible{outline:none}.marker:focus-visible .marker__dot{outline:3px solid var(--yellow);outline-offset:3px}.marker__label{background:var(--white);width:max-content;max-width:230px;color:var(--ink);border:var(--border);box-shadow:3px 3px 0 var(--ink);text-align:center;opacity:0;pointer-events:none;transition:opacity .18s, transform .18s var(--ease);border-radius:10px;padding:.45em .8em;font-size:.8rem;line-height:1.3;display:grid;position:absolute;bottom:calc(100% - 4px);left:50%;transform:translate(-50%,4px)}.marker__label strong{font-family:var(--font-display);font-weight:800}.marker__label span{color:var(--red);font-weight:700}.marker:hover .marker__label,.marker.is-hover .marker__label,.marker:focus-visible .marker__label,.marker.is-active .marker__label{opacity:1;transform:translate(-50%)}@media (width<=999px){.is-sailing .marker .marker__label{opacity:0;transform:translate(-50%,4px)}}@keyframes pulse{0%{box-shadow:0 0 0 0 #ffc800d9, 0 2px 0 var(--ink)}70%,to{box-shadow:0 0 0 16px #ffc80000, 0 2px 0 var(--ink)}}.route{fill:none;stroke:var(--red);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1 7;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 1.5px var(--white)) drop-shadow(0 0 1px var(--white));opacity:0;transition:opacity .25s}.route.is-visible{opacity:1}.route__reveal{fill:none;stroke:#fff;stroke-width:10px;stroke-dasharray:1;stroke-dashoffset:1px}.ship{opacity:0;pointer-events:none;transition:opacity .3s}.ship.is-visible{opacity:1}.ship__body{fill:var(--white);stroke:var(--ink);stroke-width:.9px;paint-order:stroke}.destination{z-index:1;width:30px;height:30px;transform:scale(calc(1 / var(--k,1)));transition:transform var(--zoom-duration) var(--ease);place-items:center;margin:-15px 0 0 -15px;display:grid;position:absolute}.destination__dot{background:var(--red);border:3px solid var(--white);outline:2px solid var(--ink);border-radius:2px;width:13px;height:13px;transform:rotate(45deg)}.destination__label{background:var(--ink);width:max-content;color:var(--yellow);opacity:0;pointer-events:none;transition:opacity .2s, transform .2s var(--ease);border-radius:8px;padding:.3em .7em;font-size:.75rem;font-weight:800;position:absolute;bottom:calc(100% - 2px);left:50%;transform:translate(-50%,4px)}.destination:hover .destination__label,.destination.is-highlight .destination__label{opacity:1;transform:translate(-50%)}.destination.is-arrived .destination__dot{animation:arrive .6s var(--ease);background:var(--yellow)}@keyframes arrive{0%{transform:rotate(45deg)scale(1);box-shadow:0 0 #ffc800e6}50%{transform:rotate(45deg)scale(1.6)}to{transform:rotate(45deg)scale(1);box-shadow:0 0 0 16px #ffc80000}}.explorer__panel{min-width:0}.explorer__hint{border:3px dashed var(--ink);border-radius:var(--radius);background:var(--white);font-family:var(--font-display);text-align:center;margin:0;padding:1.75rem 1.5rem;font-size:1.2rem;font-weight:700}html:not(.js) .explorer__hint{display:none}html:not(.js) .sheet+.sheet{margin-top:1.5rem}html:not(.js) .sheet__bar{display:none}.sheet{background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:8px 8px 0 var(--red), 8px 8px 0 3px var(--ink);animation:sheet-in .35s var(--ease);padding:1.25rem;scroll-margin-top:1rem;position:relative}.anchor{position:absolute;top:0}@keyframes sheet-in{0%{opacity:0;transform:translateY(10px)rotate(.6deg)}}.sheet__bar{gap:.5rem;margin-bottom:1rem;display:flex}.sheet__close{margin-left:auto}.sheet__photo{aspect-ratio:16/10;border:var(--border);border-radius:12px;margin:0 0 1.1rem;position:relative;overflow:hidden}.sheet__photo img{object-fit:cover;width:100%;height:100%;display:block}.sheet__photo .badge{position:absolute;top:.75rem;left:.75rem}.sheet__placeholder{background:var(--paper);width:100%;height:100%}.sheet__placeholder img{object-fit:cover;width:100%;height:100%;display:block}.sheet__origin{letter-spacing:.08em;text-transform:uppercase;color:var(--red);margin:0 0 .3rem;font-size:.8rem;font-weight:800}.sheet__title{text-transform:uppercase;letter-spacing:-.02em;outline:none;font-size:1.8rem;line-height:.95}.sheet__story{font-size:.95rem}.tags{flex-wrap:wrap;gap:.45rem;margin:0 0 1.1rem;padding:0;list-style:none;display:flex}.tags li{border:2px solid var(--ink);background:var(--yellow);border-radius:999px;padding:.2em .8em;font-size:.85rem;font-weight:700}.tags li:nth-child(4n+2){background:var(--pink)}.tags li:nth-child(4n+3){background:var(--turquoise)}.tags li:nth-child(4n+4){background:var(--green)}.facts{grid-template-columns:1fr 1fr;gap:.8rem 1rem;margin:0 0 1.1rem;display:grid}.facts div{min-width:0}.facts dt{text-transform:uppercase;letter-spacing:.08em;color:var(--blue);font-size:.72rem;font-weight:800}.facts dd{margin:0;font-size:.92rem;font-weight:600}.profile{border-top:var(--border);margin-bottom:1.1rem;padding-top:.9rem}.profile h4{text-transform:uppercase;font-size:1.05rem}.profile__row{justify-content:space-between;align-items:center;padding:.15rem 0;font-size:.9rem;font-weight:600;display:flex}.profile__dots{gap:5px;display:inline-flex}.profile__dots i{border:2px solid var(--ink);background:var(--white);border-radius:50%;width:13px;height:13px}.profile__dots i.on{background:var(--red)}.sheet__buy{border-top:var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.price{margin:0;font-size:.9rem;font-weight:600}.price strong{font-family:var(--font-display);font-size:1.6rem;font-weight:800}.catalog{padding-block:clamp(2rem,5vw,4rem) clamp(3rem,6vw,5rem)}.cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.card{--stripe:var(--yellow);background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow) var(--ink);transition:transform .18s var(--ease), box-shadow .18s var(--ease);flex-direction:column;padding:2rem 1.2rem 1.2rem;display:flex;position:relative;overflow:hidden}.card:before{content:"";background:var(--stripe);border-bottom:var(--border);height:14px;position:absolute;inset:0 0 auto}.card:nth-child(5n+2){--stripe:var(--blue)}.card:nth-child(5n+3){--stripe:var(--red)}.card:nth-child(5n+4){--stripe:var(--green)}.card:nth-child(5n+5){--stripe:var(--pink)}.card.is-hover,.card.is-active{box-shadow:9px 9px 0 var(--stripe), 9px 9px 0 3px var(--ink);transform:translate(-3px,-3px)}.card.is-soldout{filter:grayscale(.6)}.card__origin{letter-spacing:.08em;text-transform:uppercase;color:var(--red);margin-bottom:.3rem;font-size:.75rem;font-weight:800}.card__title{text-transform:uppercase;letter-spacing:-.01em;font-size:1.35rem}.card__notes{flex:1;font-size:.92rem}.card__actions{justify-content:space-between;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.card__actions a{white-space:nowrap}.approach{background:var(--blue);color:var(--white);border-top:var(--border);padding-block:clamp(3rem,7vw,6rem)}.approach .display{color:var(--yellow);text-shadow:.05em .05em 0 var(--red)}.approach :focus-visible{outline-color:var(--yellow)}.approach__grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.5rem;margin-top:2rem;display:grid}.approach__num{font-family:var(--font-display);color:var(--yellow);margin-bottom:.5rem;font-size:clamp(3.5rem,7vw,5.5rem);font-weight:800;line-height:1;display:block}.approach__item:nth-child(2) .approach__num{color:var(--pink)}.approach__item:nth-child(3) .approach__num{color:var(--turquoise)}.approach h3{text-transform:uppercase;font-size:1.45rem}.approach p{opacity:.92}.footer{border-top:var(--border);background:var(--ink);color:var(--white);padding-block:2.5rem}.footer__inner{flex-wrap:wrap;align-items:center;gap:1rem 2rem;display:flex}.footer .brand{color:var(--yellow)}.footer ul{flex-wrap:wrap;gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}.footer a{font-weight:600}.footer :focus-visible{outline-color:var(--yellow)}.footer .small{opacity:.7;width:100%;margin:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation:none!important}}