@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-vietnamese-wght-normal.0h_qcmzvudf58.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(../media/bricolage-grotesque-latin-ext-wght-normal.0i4j_a8lim1a-.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(../media/bricolage-grotesque-latin-wght-normal.300rpl789hft0.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}
@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-ext-wght-normal.0x9ccydb91kkt.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:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-wght-normal.0fpdy-lufm69d.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{--ivory:#f7f4ee;--oat:#efe8da;--ink:#1b1712;--dim:#5f574b;--line:#dcd3c3;--teal:#0f6b68;--teal-hover:#127a76;--teal-press:#0a504e;--clay:#b8552f;--error:#b3261e;--display:"Bricolage Grotesque Variable","Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;--body:"DM Sans Variable","DM Sans","Segoe UI",system-ui,-apple-system,sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:64px}body{background:var(--ivory);color:var(--ink);font:400 16px/1.55 var(--body);-webkit-font-smoothing:antialiased;margin:0}img{max-width:100%;height:auto;display:block}a{color:var(--teal);text-underline-offset:3px}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:4px}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0}h1{font-size:clamp(38px,5vw,62px);font-weight:800;line-height:1.02}h2{font-size:clamp(28px,3.4vw,42px);font-weight:800;line-height:1.05}h3{font-size:20px;font-weight:700;line-height:1.2}p{margin:0}.wrap{max-width:1180px;margin:0 auto;padding-inline:20px}.sub{color:var(--dim);max-width:32em}.skip-link{z-index:100;background:var(--teal);color:var(--ivory);border-radius:8px;padding:12px 16px;position:fixed;top:-80px;left:12px}.skip-link:focus{top:12px}.top{top:env(safe-area-inset-top,0px);z-index:20;background:var(--ivory);border-bottom:1px solid var(--line);position:sticky}.top:before{content:"";background:var(--ivory);height:200px;position:absolute;bottom:100%;left:0;right:0}.top .wrap{align-items:center;gap:28px;min-height:56px;display:flex}.mark{font:800 23px var(--display);letter-spacing:-.03em;color:var(--ink);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.mark img{width:30px;height:30px}.mark i{color:var(--teal);font-style:normal}.top nav{gap:22px;margin-right:auto;display:flex}.top nav a{color:var(--dim);font-size:14.5px;text-decoration:none}.top nav a:hover{color:var(--ink)}.top .join{background:var(--teal);min-height:38px;color:var(--ivory);border-radius:10px;align-items:center;gap:6px;padding:0 14px 0 8px;font-size:14.5px;font-weight:700;text-decoration:none;transition:background .13s;display:inline-flex}.top .join img{object-fit:contain;transform-origin:50% 90%;width:26px;height:26px}.top .join:hover{background:var(--teal-hover)}.top .join:hover img{animation:.5s ease-in-out wiggle}.top .join:active{background:var(--teal-press);transform:translateY(1px)}.top .join.hop{animation:.6s cubic-bezier(.3,1.6,.5,1) hop}@keyframes wiggle{25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes hop{40%{transform:translateY(-5px)}to{transform:none}}.scene{max-width:1600px;margin:0 auto;position:relative}.scene>img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}.scene .wash{background:linear-gradient(#f0e8d4d9 0%,#0000 34%);position:absolute;inset:0}.scene .copy{flex-direction:column;gap:16px;display:flex;position:absolute;top:9%;left:max(20px,50% - 570px)}.scene.side{grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);align-items:center;max-width:none;display:grid}.scene.side>img{grid-area:1/2;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18%);mask-image:linear-gradient(90deg,#0000,#000 18%)}.scene.side .copy{z-index:1;grid-area:1/1;justify-self:end;max-width:460px;margin-right:-6%;padding:40px 8px 40px 20px;position:static}.hero{background:linear-gradient(#f6e7c4,#eedaa8 60%,#e7d3a0)}.problem{background:#d3b183}.problem .sub{color:#3e3326}.thoughts{margin:4px 0 0;padding:0;list-style:none}.thoughts li{font:700 17px/1.25 var(--display);border-top:1px solid #1b171238;padding:9px 0}.thoughts li:last-child{border-bottom:1px solid #1b171238}.form{flex-direction:column;gap:10px;max-width:460px;display:flex}.row{gap:8px;display:flex}.field{background:#fffdf8;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:0;min-height:48px;padding:0 14px;display:flex;box-shadow:inset 0 0 0 1px #1b17122e}.field:focus-within{box-shadow:0 0 0 2px var(--teal) inset}.field[data-invalid]{box-shadow:0 0 0 2px var(--error) inset;animation:.35s shake}@keyframes shake{25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}.field label{color:var(--dim);flex:none;font-size:14px}.field input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;min-height:46px;font-size:15.5px;font-weight:600}.field input::placeholder{color:#a39a8b;font-weight:400}.primary{background:var(--teal);min-height:48px;color:var(--ivory);border:0;border-radius:12px;flex:none;justify-content:center;align-items:center;padding:0 18px;font-size:15px;font-weight:700;text-decoration:none;transition:background .13s;display:inline-flex}.primary:hover{background:var(--teal-hover)}.primary:active{background:var(--teal-press);transform:translateY(1px)}.primary:disabled{opacity:.75;cursor:progress}.consent{color:var(--dim);align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.45;display:flex}.consent input{width:18px;height:18px;accent-color:var(--teal);flex:none;margin:2px 0 0}.fine{color:var(--dim);font-size:13px}.err{color:var(--error);font-size:14px;font-weight:600}.honey{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.sent{box-shadow:0 0 0 1px var(--line) inset;background:#fffdf8;border-radius:12px;flex-direction:column;gap:6px;max-width:460px;padding:14px 16px;display:flex}.sent b{font:700 18px var(--display)}.sent p{color:var(--dim);overflow-wrap:anywhere;font-size:14.5px}.link{color:var(--teal);text-align:left;background:0 0;border:0;min-height:36px;padding:0;font-weight:700}.tour{padding-block:clamp(56px,8vw,104px)}.intro{flex-direction:column;gap:10px;margin-bottom:28px;display:flex}.tour-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;display:grid}.stops{margin:0;padding:0;list-style:none}.stop{opacity:.38;flex-direction:column;justify-content:center;gap:10px;min-height:72vh;padding-block:24px;transition:opacity .4s;display:flex}.stop.on{opacity:1}.stop:first-child{min-height:50vh}.who{color:var(--clay);font-size:14px;font-weight:700}.stop p,.caption p{color:var(--dim);max-width:28em}.stage-col{position:relative}.frame{box-shadow:0 0 0 1px var(--line), 0 30px 60px -40px #3c280a73;background:#efe5cf;border-radius:20px;position:relative;overflow:hidden}.tour-frame{aspect-ratio:1.12;position:sticky;top:calc(50vh - min(26vw,290px))}.frame img{transform-origin:0 0;will-change:transform;width:100%;max-width:none;height:auto;transition:transform 1s cubic-bezier(.55,0,.2,1);position:absolute;top:0;left:0}.frame-label{z-index:1;font:700 14px var(--display);color:#fffdf8;text-shadow:0 1px 8px #0000008c;position:absolute;bottom:12px;left:14px}.caption{flex-direction:column;gap:6px;min-height:9.5em;padding:14px 8px 4px;display:none}.caption>*{animation:.45s cubic-bezier(.2,.8,.2,1) both rise}.creatures{background:var(--oat);padding-block:clamp(56px,8vw,96px)}.pals{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.pal{background:0 0;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:4px;width:100%;padding:8px 4px 12px;transition:background .2s;display:flex}.pal img{aspect-ratio:1;object-fit:contain;width:100%;max-width:200px;transition:transform .2s}.pal:hover img{transform:translateY(-3px)}.pal b{font:800 20px var(--display)}.pal span{color:var(--dim);text-align:center;min-height:2.9em;font-size:14px}.pal[aria-pressed=true]{box-shadow:0 0 0 2px var(--teal) inset;background:#fffdf8cc}.swipe{color:var(--dim);margin-top:4px;font-size:13px;display:none}.moods-head{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin:48px 0 18px;padding-top:32px;display:flex}.moods{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.moods li{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.moods img{aspect-ratio:1;object-fit:contain;width:100%;max-width:170px}.moods b{font:700 17px var(--display)}.moods span{color:var(--dim);font-size:13.5px}.moods li:last-child b{color:var(--clay)}.start{padding-block:clamp(56px,8vw,96px)}.steps{counter-reset:s;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:28px 0 0;padding:0;list-style:none;display:grid}.steps li{border-top:2px solid var(--ink);counter-increment:s;flex-direction:column;gap:6px;padding-top:14px;display:flex}.steps li:before{content:counter(s);font:800 15px var(--display);color:var(--clay)}.steps p{color:var(--dim);font-size:15px}.faq{border-top:1px solid var(--line);padding-block:clamp(48px,7vw,88px)}.faq .wrap{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;display:grid}.faq-side{flex-direction:column;align-self:start;gap:14px;display:flex;position:sticky;top:96px}.faq-side h2{letter-spacing:-.035em;font-size:clamp(40px,5.4vw,74px);line-height:.98}.faq-side h2 em{color:var(--clay);font-style:normal}.faq details{border-bottom:1px solid var(--line)}.faq details:first-of-type{border-top:1px solid var(--line)}.faq summary{cursor:pointer;font:700 19px/1.3 var(--display);letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:16px;min-height:44px;padding:18px 0;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font:400 22px/1 var(--body);color:var(--dim);transition:transform .22s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--dim);max-width:40em;padding:0 0 18px}.final-body{justify-content:center;padding-block:36px 72px;display:flex}.final-body .lead{flex-direction:column;gap:14px;width:100%;max-width:520px;display:flex}.kept-line{color:var(--teal);align-items:center;gap:10px;font-weight:700;display:flex}.kept-line img{object-fit:contain;width:52px;height:52px}footer{border-top:1px solid var(--line);padding-block:26px}footer .wrap{color:var(--dim);flex-wrap:wrap;align-items:center;gap:10px 28px;font-size:14px;display:flex}footer .mark{margin-right:auto;font-size:19px}footer .mark img{width:26px;height:26px}.rv{animation:.7s cubic-bezier(.2,.8,.2,1) both rise}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.legal-page{max-width:740px;margin:auto;padding:40px 20px 90px}.legal-page h1{margin:36px 0 14px;font-size:clamp(36px,6vw,49px)}.legal-page h2{margin:30px 0 10px;font-size:23px}.legal-page p,.legal-page li{color:var(--dim);font-size:15px;line-height:1.75}.legal-page .notice{background:#f6e7c4;border-radius:12px;margin:20px 0;padding:18px}.message-page{justify-content:center;align-items:center;min-height:100dvh;padding:32px 20px;display:flex}.message-card{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:470px;display:flex}.message-card>img{object-fit:contain;width:180px;height:180px}.message-card h1{font-size:clamp(34px,6vw,44px)}.message-card p{color:var(--dim)}.back-link{font-size:14px}.error-message{color:var(--error);background:#f9e1dc;border-radius:10px;padding:12px;font-size:14px}@media (max-width:900px){.top nav{display:none}.top .wrap{justify-content:space-between}.scene>img{aspect-ratio:auto;object-position:62% 50%;height:300px}.scene .wash{display:none}.scene .copy{width:auto;padding:24px 20px 8px;position:static}.scene.side{background:var(--ivory);display:block}.scene.side>img{aspect-ratio:1.3;height:auto;-webkit-mask-image:none;mask-image:none}.scene.side .copy{max-width:none;margin:0;padding:24px 20px 8px}.hero>img{object-position:74% 50%}.problem>img{object-position:100% 50%}.problem .sub{color:var(--dim)}.final .scene>img{height:360px}.tour-grid,.faq .wrap{grid-template-columns:minmax(0,1fr)}.tour-grid{gap:0}.stage-col{top:calc(56px + env(safe-area-inset-top,0px));z-index:2;background:var(--ivory);order:-1;align-self:start;margin-inline:-20px;padding-block:6px 10px;padding-inline:12px;position:sticky}.tour-frame{aspect-ratio:.95;border-radius:16px;width:100%;max-height:56svh;position:relative;top:auto}.caption{display:flex}.stop,.stop.on{opacity:0;min-height:55vh;padding:0}.stop:first-child{min-height:30vh}.stop:last-child{min-height:40vh}.pals{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin-inline:-20px;padding:4px 20px 10px;display:flex;overflow-x:auto}.pals::-webkit-scrollbar{display:none}.pals li{scroll-snap-align:center;flex:0 0 66%}.pal{background:#fffdf899}.pal img{max-width:230px}.swipe{display:block}.moods{gap:6px}.moods b{font-size:14px}.moods span{font-size:11.5px;line-height:1.3}.steps{grid-template-columns:minmax(0,1fr);gap:16px}.faq-side{position:static}}@media (max-width:420px){.row{flex-direction:column}.primary{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.frame img,.stop,.pal img{transition:none}.rv,.caption>*,.field[data-invalid],.top .join,.top .join img{animation:none!important}}