:root{--bg:#f0efe2;--surface:#e4e2d2;--ink:#111;--muted:#45453f;--head:#006e4b;--accent:#006e4b;--accent-ink:#f0efe2;--accent-hover:#005a3d;--paper:#fff;--paper-ink:#006e4b;--paper-ink-hover:#005a3d;--scrim:#0000005c;--focus:var(--ink);--font-display:"TonTon Bubble", var(--font-ultra), "Arial Black", sans-serif;--font-text:"Helvetica Neue", Helvetica, "TeX Gyre Heros", Arial, sans-serif;--step-small:clamp(.875rem, .85rem + .1vw, .9375rem);--step-cap:.8125rem;--step-body:clamp(1rem, .884rem + .476vw, 1.3125rem);--step-lead-2:clamp(1.25rem, 1.064rem + .762vw, 1.75rem);--step-lead:clamp(1.375rem, 1.096rem + 1.143vw, 2.125rem);--step-tagline:clamp(1.5rem, 1.036rem + 1.905vw, 2.75rem);--step-head:clamp(2rem, 1.489rem + 2.095vw, 3.375rem);--measure:430px;--rail:clamp(46px, 6.667vw, 104px);--margin:calc(var(--rail) + clamp(20px, 2.8vw, 40px));--gutter:24px;--space-1:8px;--space-2:12px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--space-7:72px;--space-8:120px;--section-gap:clamp(96px, 11vw, 160px);--radius:0;--radius-pill:999px;--bar-h:72px;--dock-h:56px;--button-h:48px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.76, 0, .24, 1);--ease-soft:cubic-bezier(.33, 1, .68, 1);--ease-exit:cubic-bezier(.55, .055, .675, .19);--t-press:.14s;--t-hover:.18s;--t-ui:.24s;--t-reveal:.8s;--t-open:1.2s;--stagger-line:90ms;--stagger-item:70ms}@media (max-width:1023px){:root{--rail:0px;--margin:clamp(20px, 4.167vw, 32px)}}@media (max-width:767px){:root{--gutter:16px;--bar-h:56px;--button-h:48px}}
@font-face{font-family:TonTon Bubble;src:url(/fonts/TonTonBubble.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TeX Gyre Heros;src:url(/fonts/texgyreheros-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;ascent-override:88%;descent-override:22%;line-gap-override:0%}@font-face{font-family:TeX Gyre Heros;src:url(/fonts/texgyreheros-bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap;ascent-override:88%;descent-override:22%;line-gap-override:0%}@font-face{font-family:Helvetica Neue;src:local(Helvetica Neue),local(HelveticaNeue);font-weight:400;font-style:normal;ascent-override:88%;descent-override:22%;line-gap-override:0%}@font-face{font-family:Helvetica Neue;src:local(Helvetica Neue Bold),local(HelveticaNeue-Bold);font-weight:700;font-style:normal;ascent-override:88%;descent-override:22%;line-gap-override:0%}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{color:var(--ink);font-family:var(--font-text);font-size:var(--step-body);letter-spacing:0;margin:0;font-weight:400;line-height:1.42;overflow-x:clip}h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd{margin:0;padding:0}ul,ol{list-style:none}h1,h2,h3{font-family:var(--font-display);font-synthesis:none;color:var(--head);text-transform:uppercase;letter-spacing:-.01em;text-wrap:balance;font-weight:400;line-height:1.04}h1,h2{font-size:var(--step-head)}h3{font-size:var(--step-lead)}p{text-wrap:pretty;max-width:var(--measure)}.t-lead,.t-lead-2{max-width:none}strong,b{font-weight:700}mark{background:var(--accent);color:var(--accent-ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .12em}img,video,svg{max-width:100%;display:block}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1.5px}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}::selection{background:var(--accent);color:var(--accent-ink)}.wrap{padding-inline:var(--margin)}.grid{column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.frame{border-radius:var(--radius);overflow:hidden}.on-paper{background:var(--paper);color:var(--paper-ink);--focus:var(--paper-ink)}.on-surface{background:var(--surface);color:var(--ink)}.section-gap{padding-block:var(--section-gap)}.t-small{font-size:var(--step-small);line-height:1.5}.t-body{font-size:var(--step-body)}.t-lead{font-size:var(--step-lead);line-height:1.18}.t-lead-2{font-size:var(--step-lead-2);line-height:1.2}.t-tagline{font-size:var(--step-tagline);letter-spacing:-.01em;line-height:1.15}@media (max-width:599px){.t-tagline mark{white-space:nowrap}}.cap,.cap-nav{font-family:var(--font-text);font-weight:400;font-size:var(--step-cap);text-transform:uppercase;color:var(--ink);line-height:1.3}.cap{letter-spacing:.42em}.cap-nav{letter-spacing:.32em}.display{font-family:var(--font-display);font-synthesis:none;color:var(--head);text-transform:uppercase;letter-spacing:0;font-weight:400}.t-head{font-size:var(--step-head);line-height:.85}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{left:var(--margin);top:var(--space-1);z-index:50;padding:0 var(--space-4);min-height:var(--button-h);border-radius:var(--radius-pill);background:var(--ink);color:var(--bg);align-items:center;display:inline-flex;position:absolute;transform:translateY(-200%)}.skip:focus-visible{transform:none}@media (max-width:767px){body{padding-bottom:var(--dock-h)}}[data-reveal=armed]>*{opacity:0;transform:translateY(24px)}[data-reveal=in]>*{transition:opacity var(--t-reveal) var(--ease-expo), transform var(--t-reveal) var(--ease-expo);transition-delay:calc(var(--i,0) * var(--stagger-item))}[data-reveal]>:nth-child(2){--i:1}[data-reveal]>:nth-child(3){--i:2}[data-reveal]>:nth-child(4){--i:3}[data-reveal]>:nth-child(5){--i:4}[data-reveal]>:nth-child(6){--i:5}[data-reveal]>:nth-child(7){--i:6}[data-reveal]>:nth-child(8){--i:7}[data-reveal]>:nth-child(9){--i:8}[data-reveal]>:nth-child(10){--i:9}[data-reveal]>:nth-child(11){--i:10}[data-reveal]>:nth-child(12){--i:11}[data-reveal-clip][data-reveal=armed]>*{opacity:1;clip-path:inset(20%);transform:none}[data-reveal-clip][data-reveal=in]>*{clip-path:inset(0);transition:clip-path var(--t-open) var(--ease-expo);transition-delay:calc(var(--i,0) * var(--stagger-item))}@keyframes load-rise{0%{opacity:0;transform:translateY(24px)}}@keyframes load-fade{0%{opacity:0}}@keyframes load-line{0%{transform:translateY(105%)}}@keyframes load-open{0%{clip-path:inset(20%);opacity:0}}@keyframes load-drift{0%{opacity:0;transform:translate(24px)}}.js [data-load]{animation-duration:var(--t-reveal);animation-timing-function:var(--ease-expo);animation-fill-mode:backwards;animation-delay:var(--d,0s)}.js [data-load=rise]{animation-name:load-rise}.js [data-load=fade]{animation-name:load-fade;animation-timing-function:var(--ease-out)}.js [data-load=line]{animation-name:load-line}.js [data-load=open]{animation-name:load-open;animation-duration:var(--t-open)}.js [data-load=drift]{animation-name:load-drift}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]>*{opacity:1!important;clip-path:none!important;transform:none!important}.js [data-load]{animation:none}}.rails{z-index:-1;pointer-events:none;position:absolute}.rails-first{height:100svh;top:0;left:0;right:0}.rail{width:var(--rail);--tile:calc(var(--rail) * 884 / 624);position:absolute;top:0;bottom:0;overflow:hidden}.rail:before{content:"";inset:calc(var(--tile) * -1) 0 0 0;background:url(/brand/tonton-pattern.png) 0 0/100%;animation:48s linear infinite rail-drift;position:absolute}.rail-l{left:0}.rail-r{right:0}.rail-r:before{background-position:0 calc(var(--tile) * -.5);animation-direction:reverse}@keyframes rail-drift{to{transform:translateY(var(--tile))}}@media (prefers-reduced-motion:reduce){.rail:before{animation:none!important}}@media (max-width:1023px){.rails{display:none}}