@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-mono-latin-ext-400-normal-C2zvOubV.woff2)format("woff2"),url(./dm-mono-latin-ext-400-normal-1aZr6b2b.woff)format("woff");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 Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-mono-latin-400-normal-4GdczIuU.woff2)format("woff2"),url(./dm-mono-latin-400-normal--0xN8mdc.woff)format("woff");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 Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./dm-mono-latin-ext-500-normal-BtRyHRi6.woff2)format("woff2"),url(./dm-mono-latin-ext-500-normal-Dw3M13d8.woff)format("woff");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 Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./dm-mono-latin-500-normal-DRMDZjhP.woff2)format("woff2"),url(./dm-mono-latin-500-normal-CN8Miw6E.woff)format("woff");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{--blue:#0a3854;--orange:#d25c00;--yellow:#efb536;--sun:#fbbc05;--teal:#136277;--paper:#fff;--display:"new-cordial", Georgia, serif;--body:"DM Mono", ui-monospace, monospace;--curtain:1.2s cubic-bezier(.76, 0, .24, 1);--orange-delay:.4s;--ease:cubic-bezier(.2, .8, .2, 1);--gutter:max(28px, env(safe-area-inset-left,0px));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;transition:background-color .6s,color .6s;overflow:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,p,ol,ul,figure{margin:0}ol,ul{padding:0;list-style:none}body[data-theme=light]{--bg:var(--paper);--title:var(--orange);--text:var(--blue);--muted:#0a385499;--line:var(--teal);--accent:var(--orange)}body[data-theme=orange]{--bg:var(--orange);--title:var(--yellow);--text:#fff;--muted:#ffffffb3;--line:var(--yellow);--accent:var(--yellow)}body[data-theme=sun]{--bg:var(--sun);--title:var(--orange);--text:var(--blue);--muted:#0a3854a6;--line:var(--teal);--accent:var(--orange)}:focus-visible{outline:2px solid var(--line);outline-offset:4px;border-radius:6px}.bar{z-index:50;padding:22px var(--gutter);pointer-events:none;color:var(--accent);justify-content:space-between;align-items:center;transition:color .6s;display:flex;position:fixed;top:0;left:0;right:0}.bar>*{pointer-events:auto}.bar-logo{opacity:0;height:40px;line-height:0;display:block}.bar-logo svg{width:auto;height:100%;display:block}.bar-logo[data-visible]{opacity:1}.bar-nav{align-items:center;gap:4px;display:flex}.counter{letter-spacing:.06em;color:var(--text);font-variant-numeric:tabular-nums;margin-right:14px;font-size:15px;transition:color .6s}.nav-btn{cursor:pointer;width:56px;height:44px;color:var(--accent);background:0 0;border:0;place-content:center;padding:0;display:grid;position:relative}.nav-btn>svg:first-child{width:26px;height:16px;overflow:visible}.nav-btn>svg:first-child path{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.nav-btn .flip{transform:scaleX(-1)}.nav-btn:disabled{opacity:.3;cursor:default}.nav-btn .loop{width:calc(100% - 4px);height:calc(100% - 4px);inset:2px}.nav-btn:not(:disabled):hover .loop path,.nav-btn:focus-visible .loop path{animation:.55s cubic-bezier(.3,.7,.2,1) both draw}.nav-btn:focus-visible{outline:none}.deck{position:fixed;inset:0}.slide{--u:min(1vw, 1.78vh);padding:calc(96px + 2vh) var(--gutter) 6vh;visibility:hidden;opacity:0;align-items:safe center;transition:opacity .45s,visibility 0s linear .45s;display:flex;position:absolute;inset:0;overflow:hidden auto}.slide.is-active{visibility:visible;opacity:1;transition:opacity .45s .1s}.wrap{z-index:1;width:100%;max-width:1240px;margin:0 auto;position:relative}.r{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(26px)}.slide[data-dir=prev] .r{transform:translateY(-20px)}.slide.is-active .r{opacity:1;transition:opacity .7s var(--ease), transform .8s var(--ease);transition-delay:calc(.2s + var(--i,0) * 70ms);transform:none}h1,h2{font-family:var(--display);color:var(--title);text-wrap:balance;font-weight:400;line-height:1.04}h1{font-size:clamp(56px, calc(var(--u) * 11), 168px)}h2{font-size:clamp(38px, calc(var(--u) * 5.2), 80px);max-width:14em}h2.big{font-size:clamp(48px, calc(var(--u) * 8), 128px);max-width:9em}h3{font-family:var(--display);color:var(--title);font-weight:400;font-size:clamp(22px, calc(var(--u) * 2), 30px);margin-bottom:10px;line-height:1.12}.lead{font-size:clamp(16px, calc(var(--u) * 1.45), 21px);max-width:36em;margin-top:calc(var(--u) * 2.4);line-height:1.55}.lead+.lead{margin-top:1em}p{font-size:clamp(15px, calc(var(--u) * 1.2), 18px);line-height:1.55}.display{font-family:var(--display)}.drawn{display:inline-block;position:relative}.under{pointer-events:none;width:calc(100% + 4px);height:.28em;position:absolute;bottom:-.12em;left:-2px;overflow:visible}.under path{fill:none;stroke:var(--line);stroke-width:2.5px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.under.is-drawn{clip-path:inset(-8px calc(100% + 8px) -8px -8px);transition:clip-path .2s}.slide.is-active .under.is-drawn{clip-path:inset(-8px);transition:clip-path .9s cubic-bezier(.3,.7,.2,1) .9s}.loop{pointer-events:none;width:calc(100% + 8px);height:calc(100% + 4px);position:absolute;inset:-2px -4px;overflow:visible}.loop path{fill:none;stroke:var(--line);stroke-width:2.3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1.2;stroke-dashoffset:-1.1px}@keyframes draw{0%{stroke-dashoffset:1.1px}to{stroke-dashoffset:0}}.s-intro{overflow:hidden}.s-intro .subtitle{font-size:clamp(20px, calc(var(--u) * 2.4), 34px);margin-top:calc(var(--u) * 2.4);color:var(--text)}.intro-sun{width:min(52vmin,560px);height:auto;color:var(--sun);position:absolute;bottom:-10vmin;right:-6vmin}.points{gap:calc(var(--u) * 3);margin-top:calc(var(--u) * 4.2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.points li{padding-top:18px;position:relative}.points li:before{content:"";background:var(--line);filter:url(#rough);border-radius:3px;width:44px;height:3px;position:absolute;top:0;left:0}.num{letter-spacing:.1em;color:var(--muted);margin-bottom:10px;font-size:14px;display:block}.points p{font-size:clamp(14px, calc(var(--u) * 1.1), 16px)}.s-ask .lead{font-size:clamp(18px, calc(var(--u) * 2), 28px);max-width:26em}.ask-sun{color:#fff;opacity:.95;width:min(44vmin,460px);height:auto;position:absolute;top:50%;right:6vw;transform:translateY(-50%)}.s-ask.is-active .ask-sun.r{transform:translateY(-50%)}.ask-sun.r{transform:translateY(calc(26px - 50%))}.split{gap:calc(var(--u) * 6);grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:center;display:grid}.framed{width:min(100%, calc(var(--u) * 46));aspect-ratio:4/3;justify-self:center;position:relative;transform:rotate(-2deg)}.framed .frame{background:var(--orange);position:absolute;inset:0;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20340%20472'%20width='340'%20height='472'%20preserveAspectRatio='none'%3e%3cpath%20d='M6%202C120%200%20230%203%20334%201Q339%201%20339%207L338%20466Q338%20471%20332%20471C250%20468%20150%20473%207%20470Q1%20470%201%20464L0%208Q0%202%206%202Z'/%3e%3c/svg%3e") 0 0/100% 100% no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20340%20472'%20width='340'%20height='472'%20preserveAspectRatio='none'%3e%3cpath%20d='M6%202C120%200%20230%203%20334%201Q339%201%20339%207L338%20466Q338%20471%20332%20471C250%20468%20150%20473%207%20470Q1%20470%201%20464L0%208Q0%202%206%202Z'/%3e%3c/svg%3e") 0 0/100% 100% no-repeat}.framed img{object-fit:cover;width:89%;height:91%;position:absolute;inset:4.5% 5.5%;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20340%20472'%20width='340'%20height='472'%20preserveAspectRatio='none'%3e%3cpath%20d='M30%2014C120%2012%20220%2016%20306%2013Q320%2013%20320%2027C318%20120%20322%20250%20318%20360C316%20400%20321%20430%20318%20448Q317%20460%20304%20460C240%20462%20200%20455%20150%20459C100%20463%2060%20456%2032%20459Q18%20460%2018%20446C21%20400%2015%20330%2019%20260C22%20190%2015%20120%2019%2060C20%2030%2017%2015%2030%2014Z'/%3e%3c/svg%3e") 0 0/100% 100% no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20340%20472'%20width='340'%20height='472'%20preserveAspectRatio='none'%3e%3cpath%20d='M30%2014C120%2012%20220%2016%20306%2013Q320%2013%20320%2027C318%20120%20322%20250%20318%20360C316%20400%20321%20430%20318%20448Q317%20460%20304%20460C240%20462%20200%20455%20150%20459C100%20463%2060%20456%2032%20459Q18%20460%2018%20446C21%20400%2015%20330%2019%20260C22%20190%2015%20120%2019%2060C20%2030%2017%2015%2030%2014Z'/%3e%3c/svg%3e") 0 0/100% 100% no-repeat}.s-observe.is-active .framed.r{transform:rotate(-2deg)}.demos{gap:calc(var(--u) * 3);margin-top:calc(var(--u) * 4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stage{isolation:isolate;height:clamp(120px, calc(var(--u) * 14), 190px);place-items:center;margin-bottom:20px;display:grid;position:relative}.stage:before{content:"";z-index:-1;filter:url(#rough);background:#fff6e6;border-radius:22px 18px 24px 16px/18px 24px 16px 22px;position:absolute;inset:0}.demo p{color:var(--text)}.demo-link{color:var(--orange);font-size:20px;position:relative}.demo-link .under{clip-path:inset(-6px calc(100% + 6px) -6px -6px);height:9px;bottom:-11px}.slide.is-active .demo-link .under{animation:3.2s cubic-bezier(.3,.7,.2,1) 1.2s infinite demo-underline}@keyframes demo-underline{0%,8%{clip-path:inset(-6px calc(100% + 6px) -6px -6px)}30%,70%{clip-path:inset(-6px)}88%,to{clip-path:inset(-6px -6px -6px calc(100% + 6px))}}.demo-btn{color:var(--orange);padding:13px 24px;font-size:20px;display:inline-block;position:relative}.slide.is-active .demo-btn .loop path{animation:3.2s cubic-bezier(.3,.7,.2,1) 1.5s infinite demo-loop}@keyframes demo-loop{0%,8%{stroke-dashoffset:1.1px}34%,70%{stroke-dashoffset:0}88%,to{stroke-dashoffset:-1.1px}}.demo-burger{place-content:center;width:64px;height:56px;display:grid}.demo-burger svg{width:40px;height:30px;overflow:visible}.demo-burger path{fill:none;stroke:var(--orange);stroke-width:3.6px;stroke-linecap:round;stroke-dasharray:1 1.2}.demo-burger .line{stroke-dashoffset:0}.demo-burger .cross{stroke-dashoffset:1.1px}.slide.is-active .demo-burger .line{animation:4.4s cubic-bezier(.2,.8,.2,1) 1.8s infinite demo-burger-line}.slide.is-active .demo-burger .line:nth-child(2){animation-delay:1.85s}.slide.is-active .demo-burger .line:nth-child(3){animation-delay:1.9s}.slide.is-active .demo-burger .cross{animation:4.4s cubic-bezier(.2,.8,.2,1) 1.8s infinite demo-burger-cross}.slide.is-active .demo-burger .cross:last-child{animation-delay:1.92s}@keyframes demo-burger-line{0%,8%{stroke-dashoffset:0}16%,66%{stroke-dashoffset:-1.1px}67%{stroke-dashoffset:1.1px}80%,to{stroke-dashoffset:0}}@keyframes demo-burger-cross{0%,16%{stroke-dashoffset:1.1px}28%,52%{stroke-dashoffset:0}64%,to{stroke-dashoffset:1.1px}}.swatches{gap:calc(var(--u) * 4);margin-top:calc(var(--u) * 3.6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.swatch-head{align-items:center;gap:clamp(16px, calc(var(--u) * 2), 28px);margin-bottom:18px;display:flex}.swatch-head h3{margin-bottom:4px}.swatch-head .hex{margin-bottom:0}.blob{width:clamp(72px, calc(var(--u) * 8.5), 130px);aspect-ratio:1;background:var(--c);filter:url(#rough-big);border-radius:46% 54% 50% 50%/52% 46% 54% 48%;flex:none;display:block}.role{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:13px}.role-action{color:var(--teal)}.hex{letter-spacing:.1em;color:var(--muted);margin-bottom:12px;font-size:14px}.note{color:var(--muted);align-items:center;gap:10px;margin-top:14px;font-size:14px;display:flex}.chip{background:var(--blue);filter:url(#rough);border-radius:50%;flex:none;width:18px;height:18px}.merci{font-family:var(--display);color:var(--yellow);font-size:clamp(72px, calc(var(--u) * 13), 200px);line-height:1}.merci .under{height:.2em;bottom:-.08em}.closing{max-width:34em;margin-top:calc(var(--u) * 4.5);font-size:clamp(17px, calc(var(--u) * 1.7), 24px)}body.locked .bar-nav{visibility:hidden}.loader{z-index:100;position:fixed;inset:0}.loader.is-leaving{pointer-events:none}.loader[hidden]{display:none}.panel,.clip,.counter-clip{transition:transform var(--curtain);position:absolute;inset:0}.panel-blue{background:var(--blue)}.panel-orange{background:var(--orange);transition-delay:var(--orange-delay)}.clip{transition-delay:var(--orange-delay);overflow:hidden}.counter-clip{transition-delay:var(--orange-delay)}.is-leaving .panel-blue,.is-leaving .panel-orange,.is-leaving .clip{transform:translateY(-100%)}.is-leaving .counter-clip{transform:translateY(100%)}.loader-anim{aspect-ratio:1;transform-origin:0 0;width:min(80vw,560px);max-width:100%;margin-top:calc(min(80vw,560px)/-2);margin-left:calc(min(80vw,560px)/-2);transition:transform 1s cubic-bezier(.7,0,.2,1) .1s;position:absolute;top:50%;left:50%}@media (width<=1100px) and (width>=761px){.points{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px}.ask-sun{width:min(30vmin,300px);top:auto;bottom:6vh;right:4vw;transform:none}.ask-sun.r{transform:translateY(26px)}.s-ask.is-active .ask-sun.r{transform:none}}@media (width<=760px){.bar{padding:18px var(--gutter);background:var(--bg);transition:color .6s,background-color .6s}.bar-logo{height:32px}.counter{margin-right:4px;font-size:13px}.nav-btn{width:48px}.slide:not(.s-intro){overflow-y:auto}.slide{--u:1vw;-webkit-overflow-scrolling:touch;padding:96px var(--gutter) 56px;display:block}.split,.points,.demos,.swatches{grid-template-columns:1fr;gap:36px}.points{margin-top:36px}.lead{margin-top:20px}.intro-sun{width:70vw;bottom:-14vw;right:-16vw}.s-intro .wrap{padding-top:12vh}.ask-sun{width:52vw;margin:40px 0 0 auto;display:block;position:relative;top:auto;right:auto;transform:none}.ask-sun.r,.s-ask.is-active .ask-sun.r{transform:none}.framed{width:100%;margin-top:8px}.blob{width:96px;margin-bottom:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;transition-delay:0s!important;animation-duration:0s!important}.loader{display:none}.bar-logo{opacity:1}body.locked .bar-nav{visibility:visible}.slide.is-active .demo-link .under,.slide.is-active .demo-btn .loop path,.slide.is-active .demo-burger path{animation:none}.demo-link .under{clip-path:inset(-6px)}.demo-btn .loop path{stroke-dashoffset:0}}