@font-face{font-family:Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/sans.woff2)format("woff2")}@font-face{font-family:"Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/serif.woff2)format("woff2")}@font-face{font-family:Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(/assets/fonts/mono.woff2)format("woff2")}@supports (corner-shape:superellipse(1.6)){:root{--radius:1.6rem}*{corner-shape:superellipse(1.6)}}*,:after,:before,::backdrop{box-sizing:border-box;overscroll-behavior:none;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;overscroll-behavior:none;border:0 solid;margin:0;padding:0}html,:host{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-text-size-adjust:100%;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;--paper:var(--lightningcss-light,oklch(97% .13 108))var(--lightningcss-dark,oklch(19% .036 129));--ink:var(--lightningcss-light,oklch(19% .036 129))var(--lightningcss-dark,oklch(97% .13 108));--radius:1rem;min-height:100dvh;line-height:1.5}@media (prefers-color-scheme:dark){html,:host{--lightningcss-light: ;--lightningcss-dark:initial}}html[data-appearance=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-appearance=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-transition=appearance]::view-transition-old(root){mix-blend-mode:normal;animation:none}html[data-transition=appearance]::view-transition-new(root){mix-blend-mode:normal;animation:none}html[data-transition=appearance]::view-transition-old(root){z-index:1}html[data-transition=appearance]::view-transition-new(root){z-index:9999}html[data-transition=language] img[data-balloon=we]{view-transition-name:balloon-we}html[data-transition=language] img[data-balloon=who]{view-transition-name:balloon-who}html[data-transition=language] img[data-balloon=what]{view-transition-name:balloon-what}html[data-transition=language] img[data-balloon=how]{view-transition-name:balloon-how}html[data-transition=language] img[data-balloon=open]{view-transition-name:balloon-open}html[data-transition=language] img[data-balloon=listening]{view-transition-name:balloon-listening}html[data-transition=language] [data-slot=preferences]{view-transition-name:preferences}html[data-transition=language]::view-transition-old(balloon-we){animation:none}html[data-transition=language]::view-transition-new(balloon-we){animation:none}html[data-transition=language]::view-transition-old(balloon-who){animation:none}html[data-transition=language]::view-transition-new(balloon-who){animation:none}html[data-transition=language]::view-transition-old(balloon-what){animation:none}html[data-transition=language]::view-transition-new(balloon-what){animation:none}html[data-transition=language]::view-transition-old(balloon-how){animation:none}html[data-transition=language]::view-transition-new(balloon-how){animation:none}html[data-transition=language]::view-transition-old(balloon-open){animation:none}html[data-transition=language]::view-transition-new(balloon-open){animation:none}html[data-transition=language]::view-transition-old(balloon-listening){animation:none}html[data-transition=language]::view-transition-new(balloon-listening){animation:none}html[data-transition=language]::view-transition-old(root){animation:.4s ease-in forwards lang-out}html[data-transition=language]::view-transition-new(root){animation:.4s ease-out forwards lang-in}@keyframes lang-out{to{filter:blur(1rem);opacity:0;transform:translateY(1rem)}}@keyframes lang-in{0%{filter:blur(1rem);opacity:0;transform:translateY(-1rem)}}body{color:var(--ink);text-wrap:balance;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;background-color:var(--paper);background-image:linear-gradient(to bottom, var(--paper), var(--lightningcss-light,oklch(from var(--paper) calc(l - .16) c h))var(--lightningcss-dark,oklch(from var(--paper) calc(l - .04) c h)));min-height:100dvh;font-family:Sans,ui-sans-serif,system-ui,sans-serif;font-size:16px;font-weight:500;overflow-x:clip}[data-slot=page-wrap]{min-height:100dvh}[data-slot=loading]{z-index:100;text-align:center;background-image:linear-gradient(to bottom, var(--paper), oklch(100% 0 0/0));flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;height:100dvh;padding:2rem;display:flex;position:fixed;inset:0}[data-slot=loading] h1{font-size:1.6rem}[data-slot=loading] h1 span{font-family:inherit}[data-slot=loading] svg{stroke-width:2.67px;stroke:oklch(19% .036 129);fill:none;stroke-linecap:round;stroke-linejoin:round;width:6rem;height:6rem}[data-slot=loading] svg circle:first-child{fill:var(--lightningcss-light,#0000)var(--lightningcss-dark,oklch(97% .13 108));stroke:var(--lightningcss-light,oklch(19% .036 129))var(--lightningcss-dark,#0000)}[data-slot=content-wrap]{flex-direction:column;width:100%;min-width:375px;max-width:120rem;min-height:100dvh;margin:0 auto;padding-block:6rem;display:flex}h1,h2,h3{font-size:inherit;font-weight:inherit;margin:0;line-height:1}h1{opacity:.92;margin-bottom:2rem;font-family:"Serif",ui-serif,serif;font-size:3.2rem}h2{opacity:.84;margin:1.5rem 0 1rem;font-size:1.8rem;font-weight:700}h3{opacity:.76;margin:1.5rem 0 .5rem;font-size:1.2rem;font-weight:600}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}svg{fill:currentColor;width:1rem;height:1rem;overflow:visible}p{opacity:.68}p:not(:last-of-type){margin-bottom:.82rem}span{font-family:Mono,ui-monospace,monospace}section{flex-direction:column;justify-content:center;width:100%;padding-inline:clamp(2rem,8vw,6rem);display:flex;position:relative}:-moz-focusring{outline:auto}img{z-index:-1;position:absolute}img[data-balloon]{--balloon-base-rotate:0deg;--balloon-travel-x:0px;--balloon-travel-y:0px;--balloon-loop-x:0px;--balloon-loop-y:0px;--balloon-sway-rotate:0deg;transform:translate3d(calc(var(--balloon-travel-x) + var(--balloon-loop-x)), calc(var(--balloon-travel-y) + var(--balloon-loop-y)), 0) rotate(var(--balloon-base-rotate)) rotate(var(--balloon-sway-rotate));transform-origin:50% 90%}img[data-appearance=dark]{filter:brightness(.8)contrast(1.2)}button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;appearance:button;opacity:1;background-color:#0000;border-radius:0}:-moz-ui-invalid{box-shadow:none}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[data-slot=preferences]{z-index:2;justify-content:center;align-items:flex-start;gap:1rem;margin-bottom:-6rem;display:flex;position:relative}[data-slot=preferences] [data-slot=language],[data-slot=preferences] [data-slot=appearance]{border-radius:var(--radius);flex-direction:column;gap:.2rem;padding:.2rem;display:flex;position:relative}:is([data-slot=preferences] [data-slot=language],[data-slot=preferences] [data-slot=appearance]) button{pointer-events:none;border-radius:calc(var(--radius) - .2rem);order:2;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;font-size:.88rem;transition:all .15s;display:flex}:is([data-slot=preferences] [data-slot=language],[data-slot=preferences] [data-slot=appearance]) button[aria-pressed=true]{pointer-events:all;order:1}:is([data-slot=preferences] [data-slot=language],[data-slot=preferences] [data-slot=appearance]) button[aria-hidden=true]{opacity:0}:is([data-slot=preferences] [data-slot=language],[data-slot=preferences] [data-slot=appearance]) button:hover{background-color:oklch(from var(--ink) l c h / 4%)}:is([data-slot=preferences] [data-slot=language],[data-slot=preferences] [data-slot=appearance]) button svg{width:1.2rem;height:1.2rem}:is([data-slot=preferences] [data-slot=language],[data-slot=preferences] [data-slot=appearance])[data-open]{background:oklch(from var(--ink) l c h / 4%);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);transition:all .3s;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards spring-in}:is([data-slot=preferences] [data-slot=language],[data-slot=preferences] [data-slot=appearance])[data-open] button{pointer-events:all}:is([data-slot=preferences] [data-slot=language],[data-slot=preferences] [data-slot=appearance])[data-open] button:hover{background-color:oklch(from var(--paper) l c h / 54%)}:is([data-slot=preferences] [data-slot=language],[data-slot=preferences] [data-slot=appearance])[data-open] button[aria-pressed=true]{background-color:var(--paper)}@keyframes spring-in{0%{opacity:0;transform:translateY(-.5rem)scale(.8)}60%{opacity:1;transform:translateY(.0625rem)scale(1.02)}80%{transform:translateY(-.03125rem)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}[data-slot=intro]{text-align:center;padding-inline:2rem 52%}[data-slot=intro] img{width:54%;left:50%}[data-slot=intro] h1{text-indent:-.2rem;margin-bottom:2rem;font-size:clamp(5.28rem,12vw,9rem);line-height:.88}[data-slot=intro] h1 span{margin-bottom:-5rem;font-family:"Serif",ui-serif,serif;display:inline-block}[data-slot=intro] h2{margin:0;font-size:1.8rem}[data-slot=intro] h3{margin:1rem 0 3rem;font-size:1.4rem}[data-slot=intro] p:first-of-type{margin:.5rem 11%}[data-slot=who] h3{margin:.5rem 0}[data-slot=who] h3:last-of-type{margin-bottom:1.2rem}[data-slot=what] h3{margin:2rem 0 1rem;line-height:1.3}[data-slot=what]>div{grid-template-rows:repeat(2,auto);grid-auto-flow:column;column-gap:2.5rem;display:grid}[data-slot=listening] a{text-underline-offset:.28rem;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:.1rem;-webkit-text-decoration-color:oklch(from var(--ink) l c h / 52%);text-decoration-color:oklch(from var(--ink) l c h / 52%);padding:1rem 1rem 1rem 0;transition:text-underline-offset .3s,text-decoration-color .3s}[data-slot=listening] a:hover{text-underline-offset:.48rem;-webkit-text-decoration-color:oklch(from var(--ink) l c h / 72%);text-decoration-color:oklch(from var(--ink) l c h / 72%)}[data-slot=built]{flex-wrap:wrap;justify-content:center;align-items:end;display:flex}[data-slot=built] span{opacity:.38;margin-inline:1rem;padding-bottom:.25rem;font-family:Sans,ui-sans-serif,system-ui;font-size:.8rem}[data-slot=built] a{cursor:pointer;opacity:.78;margin-inline:1rem;transition:opacity .3s;display:flex}[data-slot=built] a:hover{opacity:1}[data-slot=built] svg{width:auto;height:3.4rem}@media (width>=1700px){[data-slot=what] img:first-of-type{width:42%;left:62%}[data-slot=what] img:last-of-type{width:34%;left:72%}}@media (width>=1025px){[data-slot=what]{padding-right:38%;padding-block:8rem}[data-slot=what] img:first-of-type{top:-12%}[data-slot=what] img:last-of-type{bottom:-4%}[data-slot=who]{padding-block:12rem}[data-slot=open]{padding-block:12rem;padding-left:50%}img{width:38%;left:4%}[data-slot=listening]{padding-right:42%;padding-block:6rem}[data-slot=listening] img{width:38%;left:60%}}@media (width>=1025px) and (width<=1703px){[data-slot=listening]{padding-left:10%}}@media (width>=1400px) and (width<=1699px){[data-slot=what] img:first-of-type{width:48%;left:68%}[data-slot=what] img:last-of-type{width:38%;left:78%}}@media (width>=1025px) and (width<=1399px){[data-slot=what] img:first-of-type{width:58%;left:64%}[data-slot=what] img:last-of-type{width:58%;left:68%}}@media (width>=1802px){[data-slot=who]{padding-left:30%}[data-slot=who] img{width:28%;left:-1%}}@media (width>=1519px) and (width<=1801px){[data-slot=who]{padding-left:42%}[data-slot=who] img{width:30%;left:6%}}@media (width>=1025px) and (width<=1518px){[data-slot=who]{padding-left:52%}[data-slot=who] img{width:40%;left:6%}}@media (width<=1024px){[data-slot=intro]{padding-block:4rem;padding-inline:2rem}[data-slot=intro] img{width:88%;margin:-26% 0 1rem -44%;position:relative}[data-slot=what] img{position:relative}[data-slot=what] img:first-of-type{max-width:34rem;margin-top:4rem}[data-slot=what] img:last-of-type{width:14rem;margin-top:4rem}[data-slot=open]{padding-block:10rem}[data-slot=open] img{align-self:end;width:100%;max-width:38rem;position:relative}[data-slot=listening]{padding-bottom:6rem}[data-slot=listening] img{width:100%;max-width:38rem;margin-left:-2%;position:relative}}@media (width>=769px) and (width<=1024px){[data-slot=who]{padding-block:2rem;padding-right:38%}[data-slot=who] img{width:48%;left:66%}}@media (width<=768px){[data-slot=who] img{width:72%;position:relative;left:20%}[data-slot=what] div{grid-template-columns:1fr;grid-auto-flow:row}}@media (width<=561px),(width>=1025px) and (width<=1833px){[data-slot=intro] h1 span{transform:translateY(26%)}}@media (width<=561px){[data-slot=built] span{text-align:center;width:100%;margin-bottom:2rem}}