@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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(/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lagune-50: #eaf8fd;--lagune-100: #c9eefa;--lagune-300: #6fd0ee;--lagune-500: #12a8d8;--lagune-700: #07698f;--lagune-900: #08324a;--limoen-300: #c4f07a;--limoen-500: #7ed321;--limoen-700: #3e7410;--aardbei-300: #ff7a90;--aardbei-500: #ff4d6d;--aardbei-700: #c21e44;--mango-300: #ffd27a;--mango-500: #ffb627;--mango-700: #f29a00;--bg: #fffbf2;--bg-100: #f6efdf;--line: #e8dfcc;--muted: #4a5b63;--text-soft: #33464f;--ink: #10242e;--white: #ffffff;--grad-slush: linear-gradient(120deg, #ff4d6d 0%, #ffb627 38%, #7ed321 70%, #12a8d8 100%);--grad-sky: linear-gradient(180deg, #c9eefa 0%, #eaf8fd 55%, #fffbf2 100%);--font: "Bricolage Grotesque Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-h1: clamp(2.625rem, 1.6rem + 4.2vw, 4.75rem);--fs-h2: clamp(2rem, 1.4rem + 2.4vw, 3.25rem);--fs-h3: clamp(1.375rem, 1.2rem + .6vw, 1.75rem);--fs-lead: clamp(1.125rem, 1rem + .4vw, 1.3125rem);--fs-body: clamp(1rem, .95rem + .2vw, 1.125rem);--fs-small: .9375rem;--fs-label: .875rem;--r-s: 12px;--r-m: 20px;--r-l: 32px;--r-pill: 999px;--shadow-s: 0 2px 8px rgba(8, 50, 74, .08);--shadow-m: 0 6px 20px rgba(8, 50, 74, .07);--shadow-l: 0 20px 50px rgba(8, 50, 74, .14);--btn-l: 58px;--btn-m: 48px;--btn-s: 44px;--container: 1200px;--gutter: clamp(20px, 4vw, 32px)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font);font-size:var(--fs-body);line-height:1.55;color:var(--ink);background:var(--bg);overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:var(--lagune-700)}a:hover{color:var(--lagune-900)}h1,h2,h3{margin:0;font-weight:800;line-height:1.05;letter-spacing:-.02em}h1{font-size:var(--fs-h1);letter-spacing:-.03em;line-height:1.02}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3);line-height:1.15}p{margin:0}:focus-visible{outline:3px solid var(--lagune-500);outline-offset:3px;border-radius:6px}.container{max-width:var(--container);margin:0 auto;padding-inline:var(--gutter)}.section{padding-block:clamp(56px,8vw,104px)}.stack{display:flex;flex-direction:column;gap:20px}.lead{font-size:var(--fs-lead);color:var(--text-soft);max-width:36em}.muted{color:var(--muted)}.small{font-size:var(--fs-small)}.label{font-size:var(--fs-label);font-weight:700;color:var(--lagune-700);text-transform:uppercase;letter-spacing:.08em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:absolute;left:12px;top:-60px;background:var(--ink);color:var(--white);padding:10px 16px;border-radius:var(--r-s);z-index:100}.skip:focus{top:12px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:36px}.section-head p{max-width:26em;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--btn-m);padding:0 24px;border-radius:var(--r-pill);font:inherit;font-weight:700;text-decoration:none;cursor:pointer;border:2px solid transparent;transition:transform .2s,box-shadow .2s,background-color .2s}.btn:hover{transform:translateY(-2px)}.btn-l{min-height:var(--btn-l);padding:0 30px;font-weight:800}.btn-s{min-height:var(--btn-s);padding:0 16px}.btn-mango{background:var(--mango-500);color:var(--ink);box-shadow:0 8px 24px #ffb62759}.btn-mango:hover{color:var(--ink)}.btn-lagune{background:var(--lagune-700);color:var(--white)}.btn-lagune:hover{color:var(--white);background:var(--lagune-900)}.btn-ink{background:var(--ink);color:var(--white)}.btn-ink:hover{color:var(--white)}.btn-outline{background:var(--white);color:var(--ink);border-color:var(--ink)}.btn-outline:hover{color:var(--ink)}.pill{display:inline-flex;align-items:center;gap:8px;background:var(--white);color:var(--ink);font-weight:700;font-size:var(--fs-small);padding:10px 16px;border-radius:var(--r-pill);box-shadow:var(--shadow-s)}.pill-sky{background:var(--lagune-100);color:var(--lagune-900);box-shadow:none}.pill-mango{background:var(--mango-500);box-shadow:none}.dot{width:14px;height:14px;border-radius:var(--r-pill);flex:none}.pills{display:flex;flex-wrap:wrap;gap:10px}.site-header{position:sticky;top:0;z-index:50;background:#fffbf2eb;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.site-header .bar{display:flex;align-items:center;gap:28px;min-height:76px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-size:30px;font-weight:800;letter-spacing:-.02em}.brand:hover{color:var(--ink)}.brand img,.brand .logo-ph{width:48px;height:48px}.main-nav{display:flex;gap:24px;flex:1;font-weight:600;font-size:17px}.main-nav a{color:var(--ink);text-decoration:none;padding:6px 0;border-bottom:3px solid transparent}.main-nav a[aria-current=page]{color:var(--lagune-700);border-bottom-color:var(--lagune-500)}.mobile-menu{display:none;margin-left:auto;position:relative}.mobile-menu summary{list-style:none;width:44px;height:44px;border:2px solid var(--ink);border-radius:var(--r-s);display:grid;place-items:center;cursor:pointer;background:var(--white)}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;right:0;top:54px;width:min(300px,86vw);background:var(--white);border-radius:var(--r-m);box-shadow:var(--shadow-l);padding:10px;display:flex;flex-direction:column}.mobile-menu nav a{padding:12px 14px;border-radius:var(--r-s);color:var(--ink);text-decoration:none;font-weight:700}.mobile-menu nav a[aria-current=page]{background:var(--lagune-50);color:var(--lagune-700)}@media(max-width:960px){.main-nav,.header-cta{display:none}.mobile-menu{display:block}.brand{font-size:24px}.brand img,.brand .logo-ph{width:40px;height:40px}}.hero{background:var(--grad-sky)}.hero .grid{display:grid;grid-template-columns:7fr 5fr;gap:40px;align-items:center;padding-block:clamp(36px,7vw,88px)}.hero .eyebrow{align-self:flex-start;background:var(--white);color:var(--lagune-700);font-weight:700;font-size:var(--fs-small);padding:8px 16px;border-radius:var(--r-pill);box-shadow:var(--shadow-s)}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.breadcrumb{font-size:var(--fs-small);color:var(--muted)}@media(max-width:860px){.hero .grid{grid-template-columns:1fr}}.cup-card{background:var(--white);border-radius:var(--r-l);padding:28px;box-shadow:var(--shadow-l);display:flex;gap:20px;align-items:center}.cup-card svg{width:170px;height:auto;flex:none}.cup-card .cup-name{font-size:26px;font-weight:800;line-height:1.1}.cup-stop{transition:stop-color .6s ease}.cup-straw{animation:straw 3.2s ease-in-out infinite;transform-origin:100px 76px;transform-box:view-box}@keyframes straw{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.cup-chips{display:flex;flex-wrap:wrap;gap:8px}.cup-chips[hidden]{display:none}.chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--r-pill);font:inherit;font-size:15px;font-weight:700;cursor:pointer;border:2px solid var(--ink);background:var(--white);color:var(--ink);transition:background-color .25s,color .25s,transform .25s}.chip:hover{transform:translateY(-2px)}.chip[aria-pressed=true]{background:var(--ink);color:var(--white)}@media(max-width:520px){.cup-card{padding:18px;gap:14px}.cup-card svg{width:96px}.cup-card .cup-name{font-size:20px}.chip{font-size:14px;padding:0 12px}}.photo{width:100%;height:100%;object-fit:cover;border-radius:var(--r-l)}.ph{width:100%;height:100%;min-height:200px;border-radius:var(--r-l);background:repeating-linear-gradient(135deg,var(--lagune-50) 0 14px,#d9f1fa 14px 28px);border:2px dashed var(--lagune-300);color:var(--lagune-700);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;text-align:center;padding:20px;font-size:var(--fs-small);line-height:1.4}.ph strong{color:var(--lagune-900)}.ph code{font-size:13px;background:var(--white);padding:2px 8px;border-radius:6px}.logo-ph{min-height:0;padding:2px;border-radius:14px;font-size:10px;border-width:2px}.band{position:relative;border-radius:var(--r-l);overflow:hidden;box-shadow:var(--shadow-l);height:clamp(240px,38vw,520px)}.band .photo,.band .ph{border-radius:0}.band .pills{position:absolute;left:20px;bottom:20px;right:20px}@media(max-width:640px){.band{height:auto;box-shadow:none;overflow:visible}.band .photo{height:240px;border-radius:var(--r-l)}.band .pills{position:static;margin-top:12px}}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:center}@media(max-width:960px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:1fr}}@media(max-width:860px){.grid-2{grid-template-columns:1fr;gap:28px}}.card{background:var(--white);border-radius:var(--r-m);padding:22px;box-shadow:var(--shadow-m);display:flex;flex-direction:column;gap:10px}.card-lift{transition:transform .25s,box-shadow .25s}.card-lift:hover{transform:translateY(-4px);box-shadow:0 16px 40px #08324a29}.event-tile{font-size:20px;font-weight:700;line-height:1.2;gap:14px}.event-badge{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-weight:800;font-size:16px;color:var(--ink)}.product{text-decoration:none;color:var(--ink);background:var(--white);border-radius:var(--r-l);overflow:hidden;box-shadow:var(--shadow-m);display:flex;flex-direction:column}.product:hover{color:var(--ink)}.product .media{height:300px}.product .media .photo,.product .media .ph{border-radius:0}.product .body{padding:24px 26px 28px;display:flex;flex-direction:column;gap:8px}.product .title{font-size:28px;font-weight:800}@media(max-width:960px){.product{flex-direction:row}.product .media{width:38%;height:auto;min-height:140px}.product .title{font-size:22px}}.dark{background:var(--lagune-900);color:var(--white)}.dark .muted,.dark .lead{color:var(--lagune-100)}.dark .label{color:var(--lagune-300)}.step{border:2px solid rgba(255,255,255,.18);border-radius:var(--r-l);padding:32px;display:flex;flex-direction:column;gap:12px}.step .num{font-size:64px;font-weight:800;line-height:1}.step .t{font-size:24px;font-weight:800;line-height:1.2}.step p{color:var(--lagune-100)}.gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.gallery>*{min-height:0}.g-7{grid-column:span 7;height:440px}.g-5{grid-column:span 5;height:440px}.g-4{grid-column:span 4;height:360px}.g-8{grid-column:span 8}.g-12{grid-column:span 12;height:clamp(240px,40vw,520px)}.reviews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.review{margin:0;background:var(--white);border-radius:var(--r-l);padding:32px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;box-shadow:var(--shadow-m)}.review blockquote{margin:0;font-size:22px;font-weight:600;line-height:1.35}.review figcaption{color:var(--muted);font-size:var(--fs-small)}@media(max-width:860px){.g-7,.g-5,.g-4,.g-8,.g-12{grid-column:span 12;height:auto}.g-12,.g-7,.g-5,.g-4{height:260px}.reviews{grid-template-columns:1fr}}.split{background:var(--lagune-50);border-radius:var(--r-l);overflow:hidden;display:grid;grid-template-columns:5fr 7fr}.split .media{min-height:340px}.split .media .photo,.split .media .ph{border-radius:0}.split .body{padding:clamp(28px,5vw,56px);display:flex;flex-direction:column;gap:18px;justify-content:center;align-items:flex-start}@media(max-width:860px){.split{grid-template-columns:1fr}.split .media{min-height:220px;height:220px}}.cta-band{background:var(--grad-slush)}.cta-band .container{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;padding-block:clamp(56px,8vw,96px)}.cta-band h2{font-size:clamp(2.25rem,1.5rem + 3vw,3.75rem);letter-spacing:-.03em;max-width:14em;color:var(--ink)}.menu-card{background:var(--bg);color:var(--ink);border-radius:var(--r-l);padding:clamp(24px,4vw,40px)}.menu-row{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px dashed #d8cdb6}.menu-row .name{flex:1;font-size:20px;font-weight:700}.package{background:var(--white);border-radius:var(--r-l);padding:32px;display:flex;flex-direction:column;gap:12px;border:2px solid var(--line)}.package.highlight{border:3px solid var(--lagune-500)}.package .name{font-size:26px;font-weight:800}.package .price{font-size:22px;font-weight:800;color:var(--lagune-700)}.faq{display:flex;flex-direction:column;gap:12px}.faq details{background:var(--white);border-radius:var(--r-m);padding:18px 24px;box-shadow:var(--shadow-s)}.faq summary{font-weight:700;font-size:19px;cursor:pointer;min-height:32px}.faq details p{margin-top:10px;color:var(--muted)}.form{background:var(--white);border-radius:var(--r-l);padding:clamp(24px,4vw,40px);box-shadow:var(--shadow-m);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form .full{grid-column:1 / -1}.field{display:flex;flex-direction:column;gap:6px}.field label{font-weight:700;font-size:var(--fs-small)}.field input,.field textarea,.field select{font:inherit;font-size:16px;min-height:48px;padding:10px 14px;border:2px solid var(--line);border-radius:var(--r-s);background:var(--bg);color:var(--ink)}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--lagune-500);outline:none}.form-note{font-size:14px;color:var(--muted)}@media(max-width:640px){.form{grid-template-columns:1fr}}.site-footer{background:var(--ink);color:var(--lagune-100);font-size:var(--fs-small)}.site-footer .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding-block:56px}.site-footer a{color:var(--lagune-100)}.site-footer a:hover{color:var(--white)}.site-footer .h{font-weight:700;color:var(--white);margin-bottom:4px}.site-footer .col{display:flex;flex-direction:column;gap:8px}.site-footer .brandname{font-size:28px;font-weight:800;color:var(--white)}@media(max-width:860px){.site-footer .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.site-footer .grid{padding-bottom:110px}}@media(max-width:520px){.site-footer .grid{grid-template-columns:1fr}}.mobile-cta{display:none}@media(max-width:640px){.mobile-cta{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;display:flex;gap:6px;padding:6px;background:var(--white);border-radius:var(--r-pill);box-shadow:0 10px 30px #08324a40}.mobile-cta .btn{flex:1;min-height:48px;box-shadow:none}.mobile-cta .icon-btn{width:48px;height:48px;border-radius:var(--r-pill);background:var(--lagune-50);display:grid;place-items:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
