:root{--navy: #083d85;--navy-deep: #12335d;--ink: #375c8e;--rule: #3b69a9;--paper: #fffced;--paper-grid: #fffdf5;--yellow: #ffc008;--card: #fff4b7;--card-head: #db3c02;--card-tick: #af3a2b;--card-rule: #d26709;--sticker-name: #94b4e0;--figure-name: #5c3c08;--font-pixel: "Jersey 10", "Courier New", ui-monospace, monospace;--font-thai: "Noto Sans Thai", "Jersey 10", system-ui, sans-serif;--t-title: clamp(2.75rem, 8.33vw, 7.5rem);--t-tag: clamp(1.35rem, 4.44vw, 4rem);--t-card-head: clamp(3.4rem, 6.83vw, 6.15rem);--t-card-body: clamp(1.05rem, 1.25vw, 1.15rem);--t-brand: clamp(4rem, 13.9vw, 12.5rem);--t-item: clamp(1.75rem, 4.44vw, 4rem);--t-note: clamp(1.3rem, 2.78vw, 2.5rem);--t-prose: clamp(1.3rem, 2.4vw, 2.1rem);--t-small: clamp(1.15rem, 1.75vw, 1.6rem);--t-thai: clamp(1rem, 1.67vw, 1.5rem);--t-thanks: clamp(4rem, 14.7vw, 13.2rem);--bar-h: 3.25rem;--receipt-w: min(80.35vw, 1157px);--paper-overlap: clamp(240px, 86vw, 1246px);--gap: clamp(.75rem, 1.5vw, 1.4rem);--item-gap: clamp(1.4rem, 2.8vw, 2.5rem)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--bar-h) + 1rem)}body{min-height:100dvh;background:var(--navy);color:var(--paper);font-family:var(--font-pixel);font-size:1.125rem;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:clip}img,picture,svg{display:block;max-width:100%}img{height:auto}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3,p,figure,ul,ol{margin:0;padding:0;font-weight:400}ul,ol{list-style:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:absolute;top:.5rem;left:.5rem;z-index:100;padding:.5rem 1rem;background:var(--yellow);color:var(--navy);border-radius:999px;transform:translateY(-200%)}.skip-link:focus{transform:none}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.reveal{opacity:0;translate:0 1.25rem;transition:opacity .6s ease,translate .6s ease}.reveal.is-in{opacity:1;translate:0 0}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;translate:none;transition:none}*,*:before,*:after{animation:none!important;transition:none!important}}.bar{position:sticky;top:0;z-index:50;background:#083d85db;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgb(255 252 237 / .18)}.bar__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:var(--bar-h);padding:0 clamp(1rem,3vw,2.5rem)}.bar__brand{font-size:1.5rem;line-height:1;text-decoration:none;letter-spacing:.02em}.bar__role{color:var(--yellow)}.bar__toggle{display:none;padding:.35rem .9rem;border:2px solid var(--paper);border-radius:999px;background:none;font-size:1.1rem;line-height:1}.bar__list{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem}.bar__link{display:inline-block;padding:.35rem 0;font-size:1.35rem;line-height:1;text-decoration:none;border-bottom:2px solid transparent}.bar__link:hover,.bar__link:focus-visible{border-bottom-color:var(--yellow)}.bar__link--site{color:var(--yellow)}@media(max-width:860px){.bar__toggle{display:inline-block}.bar__menu{position:absolute;top:100%;right:0;left:0;display:none;padding:.75rem clamp(1rem,3vw,2.5rem) 1.25rem;background:var(--navy);border-bottom:1px solid rgb(255 252 237 / .18)}.bar__menu.is-open{display:block}.bar__list{flex-direction:column;gap:.25rem}.bar__link{font-size:1.6rem}.bar__role{display:none}}.cover{position:relative;display:grid;place-items:center;min-height:calc(100svh - var(--bar-h));padding:clamp(3rem,8vw,6rem) 1rem;overflow:hidden}.cover__badge{width:min(86vw,800px);animation:float 6s ease-in-out infinite}@keyframes float{50%{translate:0 -.6rem}}.cover__fruit{position:absolute;pointer-events:none;filter:drop-shadow(0 12px 20px rgb(0 0 0 / .3))}.cover__fruit--bananas{bottom:-2%;left:-3%;width:clamp(150px,24vw,340px);rotate:-8deg}.cover__fruit--dragonfruit{top:14%;right:-2%;width:clamp(80px,12vw,180px);rotate:12deg}.cover__scroll{position:absolute;bottom:1.25rem;left:50%;translate:-50% 0;display:inline-flex;gap:.5rem;font-size:1.25rem;line-height:1;text-decoration:none;opacity:.85}.cover__scroll span{animation:nudge 1.6s ease-in-out infinite}@media(max-width:720px){.cover__fruit--bananas{bottom:-6%;left:-12%;width:42vw}.cover__scroll{left:auto;right:1rem;translate:none}}@keyframes nudge{50%{translate:0 .25rem}}.project{position:relative}.project__paper{position:relative;display:flex;flex-direction:column;align-items:center;padding:clamp(2.5rem,7vw,6rem) 1rem var(--paper-overlap);background-color:var(--paper-grid);background-image:url(/media/pattern-grid-360.webp);background-size:clamp(180px,22vw,316px) auto;background-repeat:repeat;color:var(--navy);text-align:center}.lead{width:min(70vw,560px);margin-bottom:clamp(1.5rem,4vw,3rem)}.badge{position:relative;width:min(56vw,420px);margin:0 auto clamp(1rem,3vw,2rem)}.badge__ring{position:absolute;top:45%;left:50%;width:100%;aspect-ratio:1;max-width:none;translate:-50% -50%;overflow:visible;pointer-events:none;animation:spin 40s linear infinite}@keyframes spin{to{rotate:360deg}}.badge__ring-text{font-family:var(--font-pixel);font-size:16px;fill:var(--yellow);letter-spacing:.1em;paint-order:stroke fill;stroke:var(--navy);stroke-width:.85px;stroke-linejoin:round}.project__title{max-width:26ch;font-size:var(--t-title);line-height:1;text-transform:uppercase;color:var(--yellow);paint-order:stroke fill;-webkit-text-stroke:.06em var(--navy);text-shadow:.06em .06em 0 var(--navy)}.project__tag{margin-top:clamp(.75rem,2vw,1.5rem);padding:.05em .6em .1em;border-radius:999px;background:var(--navy);color:var(--paper);font-size:var(--t-tag);line-height:1}.project__cards{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:clamp(1rem,5vw,135px);width:100%;max-width:1157px;margin-top:clamp(2rem,5.5vw,5rem)}.card{position:relative;flex:0 1 clamp(206px,14.3vw,236px);min-height:clamp(300px,29.6vw,426px);padding:0 .5rem 1.6rem;border-radius:10px;background:var(--card);text-align:left;--tick: 22px;--tick-h: 18px;background-image:repeating-linear-gradient(90deg,var(--card-tick) 0 var(--tick),transparent var(--tick) calc(var(--tick) * 1.85)),repeating-linear-gradient(90deg,var(--card-tick) 0 var(--tick),transparent var(--tick) calc(var(--tick) * 1.85));background-repeat:no-repeat;background-size:calc(100% - 21px) var(--tick-h),calc(100% - 21px) var(--tick-h);background-position:10.5px 0,10.5px 100%}.card__title{padding-top:.05em;font-size:var(--t-card-head);line-height:1.3;text-align:center;color:var(--card-head)}.card__title:after{content:"";display:block;height:6px;margin:-.12em 10px .6rem 2px;background:repeating-linear-gradient(90deg,var(--card-rule) 0 22px,transparent 22px 40.6px)}.card__body{font-size:var(--t-card-body);line-height:1.3;color:var(--navy)}.card__body p+p{margin-top:.6em}.card__body li:before{content:"-"}@media(max-width:720px){.project__cards{flex-direction:column;align-items:center;gap:1rem}.card{flex-basis:auto;width:min(100%,420px);min-height:0;padding-bottom:1.75rem}.card__body{font-size:1.1rem}}.project__receipt{position:relative;margin-top:calc(-1 * var(--paper-overlap));padding-bottom:clamp(3rem,8vw,7rem)}.rc{width:var(--receipt-w);margin:0 auto;color:var(--paper)}.rc__edge{width:100%;height:auto;aspect-ratio:1166 / 60}.rc__edge--bottom{aspect-ratio:1166 / 57;margin-top:-1px}.rc__edge--top{margin-bottom:-1px}.rc__paper{padding:clamp(1.5rem,4vw,4rem) clamp(1rem,4.5%,60px) clamp(2rem,6vw,6rem);background:var(--paper);color:var(--ink);box-shadow:0 18px 40px #00000047}.rc__brand{margin:0 auto;font-size:var(--t-brand);line-height:1;text-align:center;color:var(--navy);opacity:.78}.rc__head,.rc__line{display:grid;grid-template-columns:2.2em 1fr auto;column-gap:.5em;align-items:baseline;font-size:var(--t-item);line-height:1.5}.rc__head{margin:clamp(1rem,3vw,2.5rem) 0 0;padding:0 .3em;border-top:6px solid var(--rule);border-bottom:6px solid var(--rule)}.rc__head span:first-child,.rc__n{padding-left:.15em}.rc__head span:last-child,.rc__amt{text-align:right}.rc__items{padding:0}.rc__item{padding:clamp(.75rem,1.6vw,1.4rem) 0}.rc__line{padding:0 .3em}.rc__note{margin-top:-.4em;padding-left:calc(2.2em * (var(--t-item) / var(--t-note)) + .5em);font-size:var(--t-note);line-height:1.4}.rc__body{display:flex;flex-direction:column;gap:var(--gap);margin-top:clamp(.5rem,1.5vw,1rem)}.rc__endline{height:6px;margin:clamp(2rem,5vw,4.5rem) .2% 0;background:repeating-linear-gradient(90deg,var(--rule) 0 42px,transparent 42px 89px)}.rc__barcode{width:84%;margin:clamp(2rem,5.5vw,5rem) auto 0;color:var(--rule)}.rc__thanks{margin-top:clamp(1.5rem,4vw,3rem);font-size:var(--t-thanks);line-height:1;text-align:center;color:var(--rule)}@media(max-width:720px){:root{--receipt-w: 94vw}.rc__note{padding-left:0;margin-top:0}.rc__head,.rc__line{grid-template-columns:1.8em 1fr auto}}.row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap)}.row--end{align-items:flex-end}.row--center{align-items:center}.row--start{align-items:flex-start}.fig{flex:0 1 var(--basis);min-width:0}.fig img{width:100%;height:auto}@media(max-width:720px){.row .fig{flex-basis:max(var(--basis),46%);flex-grow:1}}.palette{display:flex;justify-content:center;gap:3.1%;width:69%;margin:0 auto}.palette__swatch{flex:0 0 17.5%;aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 1px #0000000f}@media(max-width:720px){.palette{width:92%}}.prose{max-width:82%;margin:0 auto;font-size:var(--t-prose);line-height:1.35}.prose p+p{margin-top:.9em}@media(max-width:720px){.prose{max-width:100%}}.fig--figure img{max-height:clamp(220px,40vw,560px);object-fit:contain;object-position:bottom}.fig__name{margin-top:.4rem;font-size:var(--t-item);line-height:1.2;text-align:center;color:var(--figure-name)}.stickers{width:87%;margin:0 auto;padding:clamp(1.5rem,5vw,4.5rem) clamp(1rem,3vw,2rem);border-radius:clamp(12px,2vw,28px);background:var(--navy-deep);display:flex;flex-direction:column;gap:clamp(1.5rem,4vw,3.5rem)}.stickers .row{gap:clamp(.75rem,2.5vw,2rem)}.stickers__name{margin-top:.5rem;font-size:var(--t-note);line-height:1.2;text-align:center;color:var(--sticker-name)}@media(max-width:720px){.stickers{width:100%}}.website{display:flex;flex-direction:column;align-items:center;gap:clamp(1rem,3vw,2rem)}.website__link{display:inline-block;padding:.25em 1em .3em;border-radius:999px;background:var(--navy);color:var(--paper);font-size:var(--t-note);line-height:1;text-decoration:none;transition:translate .2s ease}.website__link:hover,.website__link:focus-visible{translate:0 -2px}.row--parts{gap:clamp(1rem,6vw,5rem)}.chars{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.75rem,2vw,1.75rem);margin-top:var(--gap)}.chars__item{display:flex;flex-direction:column;align-items:center;text-align:center}.chars__yantra{flex:none;width:80%;height:clamp(120px,21vw,300px)}.chars__yantra picture,.chars__yantra img{width:100%;height:100%}.chars__yantra img{object-fit:contain;object-position:center bottom}.chars__thai{margin-top:.75rem;font-family:var(--font-thai);font-size:var(--t-thai);font-weight:500;line-height:1.4}.chars__text{margin-top:.25rem;font-size:var(--t-small);line-height:1.25}.chars__text strong{display:block;font-weight:400}@media(max-width:720px){.chars{grid-template-columns:repeat(2,1fr)}}.hero-logo{position:relative;display:grid;place-items:center;width:87%;margin:0 auto}.hero-logo__bg{width:100%;border-radius:12px;overflow:hidden}.hero-logo__bg img{aspect-ratio:1000 / 455;object-fit:cover}.hero-logo__mark{position:absolute;width:65%;filter:drop-shadow(0 8px 16px rgb(0 0 0 / .25))}@media(max-width:720px){.hero-logo{width:100%}}.foot{padding:clamp(2rem,5vw,4rem) 1rem clamp(2.5rem,6vw,5rem);text-align:center}.foot__line{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.2}.foot__link{text-decoration:none;border-bottom:2px solid rgb(255 252 237 / .4)}.foot__link:hover,.foot__link:focus-visible{border-bottom-color:var(--yellow)}.foot__sep{color:var(--yellow)}.foot__legal{margin-top:1rem;font-size:1.05rem;opacity:.7}