:root{color-scheme:dark;--cream:#f6ead6;--champagne:#d3ae7e;--darkness:.65;--duration:44s;--zoom:1.075;--travel:10px;font-family:'Mamboo Serif',Georgia,'Times New Roman',serif;background:#080b09;color:var(--cream)}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;position:relative;isolation:isolate}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:default}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.symbols{position:absolute;width:0;height:0;overflow:hidden}
.scene,#dust{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden}.parallax{position:absolute;inset:-18px;transform:translate(var(--px,0px),var(--py,0px))}.palms{position:absolute;inset:-12px;background-position:center;background-size:cover;background-image:var(--palms-image,url("assets/mamboo-palms-still.webp"));transform:scale(1.05);animation:camera var(--duration) ease-in-out infinite alternate}.shade{position:absolute;inset:0;background:rgb(0 0 0 / var(--darkness))}#dust{z-index:-1;width:100%;height:100%}
.content{width:min(100% - 48px,560px);margin:auto;display:flex;align-items:center;flex-direction:column;text-align:center;padding-top:clamp(60px,10svh,112px)}.brand{width:clamp(280px,32vw,460px);max-width:100%;margin-bottom:30px}.brand img{display:block;width:100%;height:auto;object-fit:contain}.brand p{font:14px/1.7 Arial,sans-serif;border:1px solid #66543e;padding:20px;color:#e0c9a9}.soon{font-weight:400;font-size:clamp(38px,4vw,56px);line-height:1.2;margin:0 0 12px;white-space:nowrap}.soon span{font-family:'Mamboo Script','Segoe Script','Apple Chancery',cursive;font-style:italic;font-weight:400;color:var(--champagne);font-size:1.35em;margin-left:6px}.tagline{font-size:clamp(17px,1.6vw,22px);letter-spacing:.025em;margin:0 0 30px;line-height:1.5}.actions{width:min(100%,302px);display:grid;gap:12px}.button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 17px;border-radius:30px;font:600 12px/1.2 Arial,sans-serif;letter-spacing:.025em;transition:transform .2s,filter .2s,background .2s}.primary{color:#17130e;border:1px solid #e2c49c;background:linear-gradient(110deg,#e5c498,#efd4ae 50%,#dfbc90)}.secondary{min-height:40px;border:1px solid var(--champagne);background:transparent;font-weight:400;letter-spacing:.055em}.button svg{width:22px;height:22px;flex-shrink:0}.arrow{transition:transform .2s}.button:hover{transform:translateY(-1px);filter:brightness(1.06)}.button:hover .arrow{transform:translateX(3px)}:focus-visible{outline:2px solid var(--cream);outline-offset:5px}.handle{margin-top:28px;font-size:18px;line-height:1.5}.socials{display:flex;align-items:center;justify-content:center;margin-top:12px}.socials>*{position:relative;display:grid;place-items:center;min-width:48px;min-height:44px;border:0;background:none;transition:transform .2s,color .2s}.socials>*+*::before{content:'';position:absolute;left:0;top:13px;height:18px;width:1px;background:var(--champagne)}.socials>*:hover{transform:translateY(-1px);color:var(--champagne)}.socials svg{width:22px;height:22px}.pending{max-width:340px;min-height:18px;font:11px/1.5 Arial,sans-serif;color:#e0c9a9;margin:6px 0 0}.footer{text-align:center;padding:22px 24px max(24px,env(safe-area-inset-bottom));margin-top:12px}.footer p{font:9px/1.6 Arial,sans-serif;letter-spacing:.28em;margin:0}.footer button{font:10px Arial,sans-serif;background:none;border:0;color:#c7b9a6;margin-top:12px;padding:8px;min-height:32px}.faith{position:fixed;right:28px;bottom:28px;width:18px;height:18px;opacity:.45;pointer-events:none}.faith::before,.faith::after{content:'';position:absolute;background:var(--champagne)}.faith::before{width:1px;height:18px;left:8px}.faith::after{height:1px;width:18px;top:8px}dialog{color:var(--cream);background:#101410;border:1px solid #726149;border-radius:16px;width:min(90vw,430px);padding:28px;box-shadow:0 20px 70px #0009}dialog::backdrop{background:#000b}.dialog-inner{text-align:center}.dialog-inner h2{font-size:36px;font-weight:400;margin:0 0 16px}.dialog-inner p{font-size:18px;line-height:1.7;margin:0 0 24px}.dialog-close{background:none;border:0;text-decoration:underline;font:13px Arial,sans-serif;padding:12px;margin-top:12px;min-height:44px}.enter{animation:entrance .6s both;animation-delay:calc(var(--order)*.09s)}[hidden]{display:none!important}.paused .palms{animation-play-state:paused}.no-motion .palms{animation:none}.no-motion .parallax{transform:none}.no-motion .enter{animation:none}
@keyframes camera{from{transform:scale(1.05) translate(calc(var(--travel)*-.5),0)}to{transform:scale(var(--zoom)) translate(calc(var(--travel)*.5),calc(var(--travel)*-.7))}}@keyframes entrance{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
@media(max-width:600px){.content{width:calc(100% - 48px);padding-top:max(70px,calc(12svh + env(safe-area-inset-top)))}.brand{width:min(100%,320px);margin-bottom:30px}.soon{font-size:38px}.tagline{font-size:17px;margin-bottom:26px}.actions{max-width:290px}.handle{font-size:16px;margin-top:24px}.footer{padding-top:20px}.footer p{font-size:8px;letter-spacing:.2em}.faith{right:18px;bottom:24px;width:14px;height:14px}}
@media(min-width:601px) and (max-height:740px){.content{padding-top:36px}.brand{width:330px;margin-bottom:20px}.soon{font-size:42px}.tagline{margin-bottom:20px}.handle{margin-top:18px}.footer{padding-top:14px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.parallax{transform:none!important}.enter{opacity:1}#dust{display:none}}

@font-face{font-family:"Mamboo Script";src:url("assets/fonts/allura.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Mamboo Serif";src:url("assets/fonts/cormorant.ttf") format("truetype");font-display:swap}
/* Preserve both tropical edges on narrow screens without stretching the source. */
@media(max-width:600px){.palms{background-position:right center}.palms::before{content:'';position:absolute;inset:0 auto 0 0;width:48%;background:url('assets/mamboo-palms-still.webp') left top / auto 100% no-repeat;mask-image:linear-gradient(to right,#000 45%,transparent)}}
@media(max-width:600px){.palms{background-image:none}.palms::after{content:'';position:absolute;inset:0 0 0 auto;width:46%;background:url('assets/mamboo-palms-still.webp') right center / auto 100% no-repeat;mask-image:linear-gradient(to left,#000 35%,transparent)}}
