:root{--mint:#dcf4e7;--ink:#143f35;--muted:#4d7164;--sea:#cbecdd;--line:#143f3520}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);font-family:'Noto Sans Thai',system-ui,sans-serif;font-size:16px;line-height:1.8;background:var(--mint);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{line-height:1.5!important;letter-spacing:-.035em}h2{font-weight:600}p{line-height:1.9}a,button,input{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #a85b37;outline-offset:5px}a,button,summary{-webkit-tap-highlight-color:transparent}button{font:inherit}img{display:block;max-width:100%;height:auto}button,summary{cursor:pointer}svg{flex-shrink:0}section{scroll-margin-top:90px}.site-wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto;min-width:0}.site-header{height:96px;position:sticky;top:0;z-index:40;background:#dcf4e7f5;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:22px}.site-logo{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:700;letter-spacing:-1px;line-height:1.4;white-space:nowrap;color:var(--ink)}.site-logo img{width:39px;height:39px;object-fit:cover;border-radius:11px}.site-logo small{display:block;font-size:8px;letter-spacing:1.8px;font-weight:500;margin-top:2px}.desktop-nav{display:flex;align-items:center;gap:24px;font-size:12px;white-space:nowrap}.desktop-nav a:hover,.footer-nav a:hover{color:#9b613d}.store-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,405px);align-items:start}.store-slot{min-width:0;display:flex;align-items:center;flex-direction:column}.store-badge{display:flex;align-items:center;justify-content:center;gap:11px;padding:13px 16px;border-radius:12px;width:100%;min-height:64px;white-space:nowrap;transition:background .2s,transform .2s}.play-badge{background:#103c30;color:#fff;box-shadow:0 5px 15px #143f3512}.play-badge:hover{background:#1c5544;transform:translateY(-2px)}.store-badge svg{width:25px;height:28px}.store-badge span{line-height:1.3}.store-badge small{display:block;font-size:9px;font-weight:400;line-height:1.5}.store-badge strong{font-size:16px;line-height:1.6;font-weight:500}.badge-arrow{font-size:15px;margin-left:4px}.apple-badge{background:#8a9790;color:#fff;cursor:default}.coming-soon{color:#b82e29;font-weight:700;font-size:10px;letter-spacing:1.5px;margin-top:7px;line-height:1.5}.compact-stores{width:268px;gap:8px}.compact-stores .store-badge{padding:8px 12px;min-height:43px;border-radius:25px;gap:7px}.compact-stores svg{width:17px;height:20px}.compact-stores small,.compact-stores .badge-arrow{display:none}.compact-stores strong{font-size:11px}.compact-stores .coming-soon{font-size:8px;letter-spacing:1px;margin-top:4px}.nav-inner>.compact-stores{margin-top:15px}.menu-toggle{display:none;align-items:center;justify-content:center;background:transparent;border:1px solid #143f3530;border-radius:10px;min-width:44px;height:44px;color:var(--ink)}.menu-toggle svg{width:24px;height:24px}.mobile-nav[hidden]{display:none!important}.mobile-nav{position:absolute;top:100%;left:0;right:0;background:#e9f8ef;border-bottom:1px solid var(--line);padding:14px 24px 20px;box-shadow:0 15px 20px #143f3510}.mobile-nav>a{display:block;padding:11px 0}.mobile-nav .compact-stores{margin-top:15px;width:100%;max-width:380px}.skip-link{position:fixed;z-index:100;left:15px;top:-100px;padding:12px 20px;background:white}.skip-link:focus{top:12px}.mint-hero{position:relative;padding:65px 0 0;background:radial-gradient(ellipse at 90% 35%,#bfe5cd60,transparent 60%)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:48px}.overline{font-size:10px;letter-spacing:2.5px;font-weight:600;line-height:1.8}.overline>span{display:inline-block;width:6px;height:6px;background:currentColor;border-radius:50%;margin-right:8px;vertical-align:middle}.hero-copy h1{font-size:clamp(44px,4.3vw,61px);line-height:1.55!important;letter-spacing:-.045em;font-weight:600;margin:25px 0 16px}.hero-copy h1>span{color:#397562}.hero-subtitle{font-size:18px;font-weight:500;line-height:1.8}.hero-description{font-size:14px;color:var(--muted);margin-top:14px;margin-bottom:29px}.store-note{font-size:9px;color:#4d7164;margin-top:10px}.scroll-cue{display:inline-flex;gap:11px;align-items:center;font-size:11px;margin-top:28px;color:var(--muted)}.scroll-cue>span{display:flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:50%;border:1px solid #143f3530;font-size:17px}.hero-art{margin:0;background:#d7eadc;border:1px solid #bedac5;border-radius:160px 160px 22px 22px;position:relative;overflow:hidden;isolation:isolate}.art-caption{display:block;text-align:center;font-size:8px;letter-spacing:1.8px;padding:35px 38px 0;color:#4d7164;position:relative;z-index:1}.hero-art>img{mix-blend-mode:multiply;aspect-ratio:1;object-fit:cover;width:100%}.hero-art figcaption{position:absolute;bottom:23px;left:23px;right:23px;background:#f5fcf4f0;backdrop-filter:blur(6px);border:1px solid #ffffff80;border-radius:10px;display:flex;align-items:center;gap:12px;padding:15px 18px;font-size:14px;font-weight:500;box-shadow:0 4px 16px #143f3510}.tiny-cross{font-size:26px;color:#5b8158;font-weight:300}.hero-art figcaption small{display:block;font-size:9px;color:var(--muted);font-weight:400;margin-top:4px}.intro-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--line);padding:25px 0;margin-top:48px;font-size:11px;color:var(--muted)}.intro-facts>span{display:flex;gap:12px;align-items:center}.intro-facts strong{font-weight:600;font-size:12px;color:var(--ink);white-space:nowrap}.scroll-story{height:205svh;position:relative;background:#cbecdd}.story-sticky{position:sticky;top:96px;height:calc(100svh - 96px);min-height:650px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:65px;padding-block:35px}.story-copy{min-width:0}.story-chapter{font-size:11px;color:#527566;letter-spacing:.8px;margin-top:25px;margin-bottom:13px}.story-copy h2{font-size:40px;line-height:1.55!important;min-height:126px;margin-bottom:16px}.story-copy #story-description{font-size:15px;color:var(--muted);min-height:115px;max-width:420px}.story-link{display:inline-flex;align-items:center;gap:20px;font-size:12px;margin-top:18px;border-bottom:1px solid #143f3550;padding-bottom:6px}.story-progress{height:2px;margin-top:35px;background:#143f3520;width:100%;max-width:330px}.story-progress span{display:block;height:100%;width:0%;background:var(--ink)}.story-small{display:flex;justify-content:space-between;gap:20px;max-width:330px;font-size:10px;color:var(--muted);margin-top:12px}.model-figure{min-width:0;margin:0}.model-stage{position:relative;width:100%;aspect-ratio:1;min-height:300px;isolation:isolate;overflow:hidden;border-radius:45%;background:radial-gradient(ellipse,#f1faf5a0,transparent 65%)}.model-stage canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;display:block;pointer-events:none}.model-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:opacity .3s}.model-stage.loaded .model-poster{opacity:0}.model-orbit{position:absolute;border:1px solid #ffffffa0;border-radius:50%;width:94%;height:24%;top:41%;left:3%;transform:rotate(-14deg);z-index:0}.model-orbit:after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:white;left:12%;top:16%}.model-pill{position:absolute;z-index:3;bottom:3%;left:50%;transform:translateX(-50%);white-space:nowrap;border:1px solid #fff8;background:#eef9f0ed;border-radius:30px;padding:6px 14px;font-size:9px;color:#466b5c}.view-controls{display:flex;align-items:center;gap:13px;padding-top:17px;flex-wrap:wrap}.view-controls label{font-size:10px;color:var(--muted)}.view-controls input{min-width:70px;flex:1;width:120px;accent-color:var(--ink);height:30px;cursor:pointer}.view-controls button{font-size:10px;min-height:40px;border:1px solid #143f3530;padding:7px 12px;border-radius:30px;white-space:nowrap}.view-controls button:hover{background:#eef9f0}.model-figure figcaption{text-align:center;font-size:9px;line-height:1.8;color:#557466;margin-top:12px}.detail-image{margin:0;min-width:0}.detail-image img{width:100%;border-radius:24px;mix-blend-mode:multiply}.detail-image figcaption{text-align:center;font-size:10px;color:var(--muted);margin-top:15px}#features{padding-block:90px}#features h2{line-height:1.55!important}#features h3{font-size:23px;line-height:1.6!important}#features h4{font-size:16px;line-height:1.65!important}#features .grid>div>p{font-size:14px;line-height:1.9}#features li p{font-size:14px;line-height:1.9}#features .bg-white\/60{box-shadow:none;border:0;border-top:1px solid #143f3530;border-radius:0;background:transparent;padding:25px 10px 10px 0}#features .bg-white\/60>div{border-radius:50%;width:46px;height:46px;background:#c2e5cf}#features .bg-white\/60>div svg{width:22px;height:22px}#features>.max-w-7xl>.text-center{max-width:640px}#features>.max-w-7xl>.text-center>p{font-size:16px;line-height:1.9}#features>.max-w-7xl>div:last-child{border-radius:25px;gap:50px;box-shadow:none;padding:36px}.screens-section{padding:80px 0;background:#eff9f2}.screens-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px}.screens-heading h2{font-size:37px;margin-top:13px}.screens-heading>p{font-size:13px;color:var(--muted);line-height:1.85}.screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.screenshot-button{border:1px solid #c7ddcc;border-radius:16px;background:white;padding:8px;overflow:hidden;min-width:0;text-align:left;transition:transform .2s,box-shadow .2s}.screenshot-button:hover{transform:translateY(-4px);box-shadow:0 10px 25px #143f3510}.screenshot-button img{width:100%;border-radius:10px;aspect-ratio:9/16;object-fit:contain}.screenshot-button>span{display:flex;justify-content:space-between;padding:12px 7px 7px;font-size:11px;font-weight:500;line-height:1.7}.pocket-section{padding:80px 0;background:#dcf4e7}.pocket-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:75px;align-items:center}.offline-symbol{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#c4e8d3;width:240px;height:240px;border:1px solid #a0cbb1;border-radius:50%;font-size:100px;font-weight:300;line-height:1;margin:auto}.offline-symbol span{font-size:10px;letter-spacing:3px;margin-top:15px}.pocket-inner h2{font-size:39px;line-height:1.55!important;margin:14px 0 20px}.pocket-inner p:not(.overline){font-size:14px;color:var(--muted)}.pocket-inner small{display:block;font-size:10px;color:#537866;margin-top:15px}#faq{padding-block:75px}#faq h2{font-size:34px;margin-bottom:35px}#faq details{border:1px solid #143f3518;background:#edf9f1;border-radius:14px}#faq summary{font-size:15px;line-height:1.9;padding:22px 25px;gap:20px;font-weight:500}#faq summary::-webkit-details-marker{display:none}#faq summary>span:last-child{flex-shrink:0}#faq details>div{font-size:14px;line-height:1.9;color:var(--muted);padding-bottom:22px}.download-section{padding:65px 0;text-align:center;background:#143f35;color:#e6f7eb}.download-section .overline{color:#b9dbc2}.download-section h2{font-size:43px;line-height:1.6!important;margin:17px 0 12px}.download-section p:not(.overline){font-size:13px;color:#c2dfcd}.download-section .store-pair{margin:28px auto 0}.download-section .play-badge{background:#e5f5da;color:#143f35}.download-section .coming-soon{color:#ffb0a5}.download-section .apple-badge{background:#7c9084}.site-footer{padding:38px 0 25px;background:#f0faf3}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top p{font-size:11px;color:var(--muted);margin-top:12px}.footer-nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap;font-size:11px}.footer-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;border-top:1px solid var(--line);padding-top:22px;margin-top:30px;font-size:9px;color:#527566}.footer-bottom p{line-height:1.9}dialog{position:fixed;margin:auto;max-width:min(94vw,650px);max-height:94svh;border:0;border-radius:14px;padding:48px 12px 12px;background:#fff;box-shadow:0 20px 80px #0004}dialog::backdrop{background:#102b24c9;backdrop-filter:blur(4px)}dialog img{max-height:80svh;margin:auto;object-fit:contain;max-width:100%}dialog button{position:absolute;right:12px;top:10px;min-height:34px;background:var(--ink);color:white;border:0;border-radius:7px;padding:5px 15px;font-size:12px}.reduced-motion .scroll-story{height:auto}.reduced-motion .story-sticky{position:relative;top:0;height:auto;min-height:650px}@media(min-width:1400px){.mint-hero{padding-top:75px}.hero-copy h1{font-size:63px}}@media(max-width:1150px){.site-wrap{width:calc(100% - 60px)}.desktop-nav{gap:15px;font-size:11px}.compact-stores{width:235px}.site-logo{font-size:23px}.hero-grid{gap:30px}.hero-copy h1{font-size:49px}.hero-description{font-size:13px}.hero-subtitle{font-size:16px}.store-pair{max-width:375px}.intro-facts{gap:15px}.intro-facts>span{display:block}.intro-facts strong{display:block;margin-bottom:4px}.story-sticky{gap:35px}.story-copy h2{font-size:35px;min-height:110px}.story-copy #story-description{font-size:14px;min-height:130px}.model-stage{min-height:260px}.screens-heading h2{font-size:32px}}@media(max-width:950px){.nav-inner>.compact-stores{display:none}.hero-grid{gap:22px}.hero-copy h1{font-size:43px}.hero-copy .store-pair{gap:8px}.store-badge{padding:12px 10px;gap:8px}.store-badge strong{font-size:14px}.badge-arrow{display:none}.hero-description br{display:none}.story-copy h2{font-size:32px}.story-sticky{gap:25px}.story-copy #story-description{font-size:13px}.hero-art figcaption{left:14px;right:14px;bottom:14px;padding:11px;font-size:12px}.hero-art figcaption small{font-size:8px}.art-caption{font-size:7px}.pocket-inner{gap:40px}.pocket-inner h2{font-size:34px}.screenshot-grid{gap:16px}}@media(max-width:700px){html{scroll-padding-top:90px}.site-wrap{width:calc(100% - 40px)}.site-header{height:76px}.site-logo{font-size:24px}.site-logo img{width:36px;height:36px}.desktop-nav{display:none}.menu-toggle{display:flex}.mint-hero{padding-top:34px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero-copy h1{font-size:clamp(38px,10.2vw,55px);line-height:1.58!important;letter-spacing:-.04em;margin:20px 0 13px}.hero-subtitle{font-size:16px}.hero-description{font-size:13px;margin:12px 0 23px;max-width:340px}.hero-copy .store-pair{width:100%;max-width:405px;gap:10px}.store-badge{padding:12px 11px;min-height:62px;gap:9px}.store-badge svg{width:23px;height:26px}.store-badge strong{font-size:15px}.store-badge small{font-size:8px}.coming-soon{font-size:9px;margin-top:6px}.store-note{font-size:9px;margin-top:7px;max-width:330px}.scroll-cue{margin-top:20px;font-size:10px}.hero-art{max-width:440px;width:100%;margin:0 auto;border-radius:110px 110px 18px 18px}.hero-art>img{aspect-ratio:1.06}.art-caption{font-size:7px;padding:27px 45px 0}.hero-art figcaption{font-size:12px;padding:12px 15px;bottom:18px;left:18px;right:18px}.hero-art figcaption small{font-size:8px}.intro-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px;padding:18px 0;font-size:9px;line-height:1.8}.intro-facts strong{font-size:10px;white-space:normal}.overline{font-size:9px;letter-spacing:2px}.scroll-story{height:185svh}.story-sticky{top:76px;height:calc(100svh - 76px);min-height:620px;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);align-items:start;gap:12px;padding-block:24px}.story-copy h2{font-size:29px;line-height:1.5!important;min-height:0;margin:8px 0 10px}.story-copy h2 br{display:none}.story-chapter{font-size:9px;margin:9px 0 0}.story-copy #story-description{font-size:12px;line-height:1.9;min-height:70px;max-width:500px}.story-link{display:none}.story-progress{margin-top:10px;max-width:none}.story-small{font-size:9px;margin-top:6px;max-width:none}.model-figure{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}.model-stage{min-height:200px;height:100%;max-height:350px;width:100%;aspect-ratio:auto;border-radius:35%}.model-pill{font-size:8px;padding:4px 10px;bottom:3%}.view-controls{padding-top:5px;gap:9px;flex-wrap:nowrap}.view-controls label{font-size:9px;max-width:70px;line-height:1.6}.view-controls input{height:36px;min-width:45px;width:80px}.view-controls button{font-size:9px;padding:5px 10px;min-height:36px}.model-figure figcaption{font-size:8px;margin-top:4px;line-height:1.7}#features{padding-block:50px}#features h2{font-size:30px!important;margin-bottom:16px}#features>.max-w-7xl>.text-center{margin-bottom:28px}#features>.max-w-7xl>.text-center>p{font-size:14px}#features .grid{gap:20px;margin-bottom:38px}#features .grid>div>p{font-size:13px}#features h3{font-size:22px!important;margin-bottom:10px}#features>.max-w-7xl>div:last-child{padding:22px;border-radius:20px;gap:24px}#features li{gap:0}#features li p{font-size:13px}#features h4{font-size:15px!important}.detail-image{margin-bottom:26px}.detail-image figcaption{font-size:9px}.screens-section{padding-block:48px}.screens-heading{display:block;margin-bottom:25px}.screens-heading h2{font-size:29px}.screens-heading>p{font-size:12px;margin-top:13px}.screenshot-grid{grid-template-columns:1fr;gap:24px;max-width:360px;margin:auto}.screenshot-button{padding:7px;border-radius:16px}.screenshot-button>span{font-size:11px;padding:13px 9px 8px}.pocket-section{padding-block:50px}.pocket-inner{grid-template-columns:1fr;gap:28px}.offline-symbol{width:165px;height:165px;font-size:70px}.offline-symbol span{font-size:8px}.pocket-inner h2{font-size:30px;margin:13px 0 15px}.pocket-inner h2 br{display:none}.pocket-inner p:not(.overline){font-size:13px}.pocket-inner p br{display:none}.pocket-inner small{font-size:9px}#faq{padding-block:48px}#faq h2{font-size:28px;margin-bottom:25px}#faq summary{font-size:13px;padding:18px 19px;gap:15px}#faq summary svg{width:19px;height:19px}#faq details>div{font-size:12px;padding-inline:19px;line-height:1.95;padding-bottom:19px}.download-section{padding-block:45px}.download-section h2{font-size:29px;line-height:1.65!important}.download-section p:not(.overline){font-size:12px}.download-section .store-pair{margin-top:23px;max-width:380px}.site-footer{padding-block:30px 22px}.footer-top,.footer-bottom{display:block}.footer-top p{font-size:10px}.footer-nav{gap:13px 22px;font-size:10px;margin-top:23px}.footer-bottom{font-size:8px;margin-top:24px;padding-top:18px}.footer-bottom p+p{margin-top:10px}.reduced-motion .story-sticky{min-height:650px}.reduced-motion .model-stage{height:300px}}@media(max-width:380px){.site-wrap{width:calc(100% - 32px)}.hero-copy h1{font-size:37px}.store-badge strong{font-size:13px}.store-badge{gap:7px;padding:10px 9px}.story-copy h2{font-size:26px}.story-sticky{min-height:620px}.intro-facts{gap:8px}.hero-art figcaption{left:12px;right:12px;font-size:11px}}@media(max-height:760px) and (min-width:701px){.scroll-story{height:auto}.story-sticky{position:relative;top:0;height:auto;min-height:620px}}@media(max-height:760px) and (max-width:700px){.scroll-story{height:auto}.story-sticky{position:relative;top:0;height:auto;min-height:0;padding-block:36px;gap:16px}.model-stage{height:300px;min-height:260px}.story-copy #story-description{min-height:0}.model-figure{height:auto}.model-figure figcaption{margin-top:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.scroll-story{height:auto}.story-sticky{position:relative;top:0;height:auto;min-height:650px}}

/* Full-body artwork: keep the skull, hands and feet visible, and place the caption below the image. */
.hero-art>img{aspect-ratio:auto!important;object-fit:contain;max-height:650px;width:100%;height:auto}.hero-art figcaption{position:relative;inset:auto;margin:0 16px 18px}.detail-image img{aspect-ratio:auto;max-height:730px;object-fit:contain;width:100%;margin-inline:auto}@media(max-width:700px){.hero-art>img{max-height:650px}.hero-art figcaption{inset:auto;margin:0 14px 16px}.detail-image img{max-height:650px}}
