:root{--color-white:#fff;--color-black:#000;--color-beige:#fbf7f0;--color-yellow:#ffe801;--color-teal:#15d1d8;--color-pink:#ef6baa;--color-text:var(--color-black);--color-inversed-text:var(--color-white);--color-sheet:var(--color-white);--color-neutral:var(--color-beige);--color-link:var(--color-yellow);--color-accent:var(--color-yellow);--color-positive:var(--color-teal);--color-negative:var(--color-pink);--color-brand-turbo:#5cd8e5;--color-brand-stimulus:#77e8b9;--color-brand-strada:#e76057;--color-brand-native:#c18bf4;--space-xs:0.25em;--space-s:0.5em;--space-m:1em;--space-l:1.5em;--space-xl:3em;--space-xxl:4em;--space-xxxl:6em;--font-main:"Jost","Helvetica Neue",helvetica,"Apple Color Emoji",arial,sans-serif;--type-base:max(1.8em,min(calc(1em + 0.9vw),2.4em));--type-xxxs:55%;--type-xxs:65%;--type-xs:75%;--type-s:85%;--type-m:100%;--type-l:120%;--type-xl:150%;--type-xxl:200%;--type-xxxl:300%;--type-xxxxl:600%;--leading-s:1.1;--leading-m:1.4;--leading-l:1.7;--leading-xl:2}@media (min-width:45em){:root{--type-xxxl:390%}}@font-face{font-family:Jost;font-weight:100 900;font-stretch:normal;font-named-instance:"Regular";src:url(/https/hotwired.dev/assets/fonts/Jost-Roman.woff2) format("woff2");font-display:swap}@font-face{font-family:Jost;font-weight:100 900;font-style:italic;font-named-instance:"Italic";src:url(/https/hotwired.dev/assets/fonts/Jost-Italic.woff2) format("woff2");font-display:swap}*,:after,:before{box-sizing:border-box}::-moz-selection,::selection{color:var(--color-sheet);background-color:var(--color-text)}html{font-size:10px;background-color:var(--color-sheet)}body{display:flex;flex-direction:column;align-items:stretch;min-height:100%;overflow-x:hidden;margin:0;padding:0;font-family:var(--font-main);font-size:var(--type-base);font-variation-settings:"wdth" 180;color:var(--color-text);background-color:var(--color-neutral)}h1{margin:max(var(--space-xl),30vmin) 0 var(--space-xs) 0;font-size:var(--type-xxxl);font-weight:700;letter-spacing:-.02em;line-height:var(--leading-s);transition:font-weight .2s ease}h2{margin:var(--space-l) 0 var(--space-s) 0;font-size:var(--type-xxl);font-weight:600;text-transform:uppercase;font-style:italic}h2,h3{line-height:var(--leading-m)}h3{margin:var(--space-l) 0 var(--space-xs) 0;font-size:var(--type-l);font-weight:900}h4,h5,h6{margin:var(--space-m) 0 0 0;font-weight:600;line-height:var(--leading-m)}dl,h4,h5,h6,ol,p,ul{font-size:var(--type-m)}dl,ol,p,ul{margin:var(--space-m) 0;line-height:var(--leading-l);font-weight:350}ul{list-style-type:none}ol,ul{padding:0;list-style-position:outside}ol{list-style-type:decimal}li{margin-left:0;margin-bottom:var(--space-xs);position:relative}li ol,li ul{margin-left:1.25em;margin-bottom:0;font-size:var(--type-m)}b,strong{font-weight:600}em,i{font-style:italic}small{font-size:var(--type-s)}a,a:visited{color:var(--color-text);text-decoration-thickness:.1em;text-decoration-width:.1rem;transition:all .2s ease;transition-property:text-decoration-thickness,text-decoration-width,-webkit-text-decoration-color;transition-property:text-decoration-color,text-decoration-thickness,text-decoration-width;transition-property:text-decoration-color,text-decoration-thickness,text-decoration-width,-webkit-text-decoration-color}a:hover{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-decoration-thickness:.2em;text-decoration-width:.2em}embed,img,object,video{display:block;max-width:100%;height:auto}embed:focus,img:focus,object:focus,video:focus{outline:none}hr{width:100%;margin:var(--space-xl) 0;border:0;border-top:.1rem solid var(--color-text)}blockquote{position:relative;margin:var(--space-l) 0;padding:0;quotes:"\201C""\201D""\2018""\2019";text-transform:uppercase;font-size:var(--type-m);letter-spacing:.1em;font-weight:200;font-style:italic}:root{--button-background-color:var(--color-link);--button-text-color:var(--color-text);--button-hover-background-color:var(--color-link);--button-hover-text-color:var(--color-text)}.button{transition:font-weight .1s ease,-webkit-clip-path .2s ease;transition:font-weight .1s ease,clip-path .2s ease;transition:font-weight .1s ease,clip-path .2s ease,-webkit-clip-path .2s ease;display:inline-block;padding:1em 1.5em;font-family:var(--font-main);text-decoration:none;text-align:center;line-height:normal;-webkit-appearance:none;background-color:var(--button-background-color);border:0;box-shadow:none;-webkit-clip-path:polygon(5% 10%,46% 1%,46% 10%,100% 0,95% 90%,31% 100%,31% 90%,0 100%);clip-path:polygon(5% 10%,46% 1%,46% 10%,100% 0,95% 90%,31% 100%,31% 90%,0 100%)}.button,.button:visited{color:var(--button-text-color)}.button:hover{color:var(--button-hover-text-color);cursor:pointer;text-decoration:none;font-weight:800;background-color:var(--button-hover-background-color);-webkit-clip-path:polygon(5% 10%,66% 1%,66% 10%,100% 0,95% 90%,51% 100%,51% 90%,0 100%);clip-path:polygon(5% 10%,66% 1%,66% 10%,100% 0,95% 90%,51% 100%,51% 90%,0 100%)}.button.--brand-turbo{--button-background-color:var(--color-brand-turbo)}.button.--brand-stimulus{--button-background-color:var(--color-brand-stimulus)}.button.--brand-strada{--button-background-color:var(--color-brand-strada)}.button.--brand-native,.button.--brand-strada{--button-text-color:var(--color-inversed-text)}.button.--brand-native{--button-background-color:var(--color-brand-native)}.card{display:flex;justify-content:center;align-items:center;width:100vw;min-height:96vh;margin:0;padding:2vh}.card.--fullscreen{position:absolute;top:0;left:0;padding:0}.footer{align-items:center;display:flex;flex-direction:column;margin-top:3em;text-align:center}.footer__headline{font-size:75%;margin:0 0 .5em}.footer__links{align-items:center;grid-gap:.9em;gap:.9em}.footer__links,.footer__links li{display:flex;margin:0}.footer__links li a{display:flex}.footer__links li a img{display:block;height:1.3em;width:auto}.footer__copyright{font-size:75%;margin:2em 0 3em}.header{width:100%;text-align:center}.header__spark{width:18em;margin:3em auto 0;position:relative}.header__spark:before{content:" ";display:block;height:100%;position:absolute;top:-3em;left:0;right:0;margin:0;background:url(/https/hotwired.dev/assets/wiring/leads.svg) center 6em/15em auto no-repeat;pointer-events:none;transform:rotate(180deg)}.header__spark .spark__outer{fill:var(--color-sheet)}.header__spark .spark__inner{fill:var(--color-accent);animation:color-cycle-fill .3s step-start infinite}@media (prefers-reduced-motion){.header__spark .spark__inner{animation:none}}.header__nav{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;position:relative;z-index:20000;margin:-4.5em 0 0;padding:0 2em}.header__logo{width:15em;margin:0;text-align:center}.header__logo svg{overflow:visible;width:100%;height:auto}.header__logo .bolt,.header__logo .letter{fill:var(--color-text);transition:fill .2s ease}.header__logo:hover .bolt{fill:var(--color-accent)}@media (prefers-reduced-motion){.header__logo:hover .bolt{animation:none;fill:var(--color-accent)}}.header__tagline{margin:0;font-size:var(--type-s);font-weight:400;font-style:italic;text-transform:uppercase;letter-spacing:.25em;line-height:1}.header__skip:active,.header__skip:focus,.header__skip:hover{clip:auto!important;top:1rem!important;left:1rem!important;width:auto!important;height:auto!important;z-index:100000}.home-block{text-align:center}.home-block.--spark:before{content:"";display:block;width:12em;height:12em;position:absolute;z-index:-1;left:calc(50% - 6em);top:1.5em;background:url(/https/hotwired.dev/assets/wiring/spark.svg) 50%/contain no-repeat}.home-block.--spark:nth-child(2):before{transform:rotate(-40deg)}.home-block.--spark:nth-child(3):before{transform:rotate(60deg)}.home-block.--spark:nth-child(4):before{transform:rotate(180deg)}.home-block__logo{display:inline-block;height:1.5em;width:auto;position:relative}.scroll-sentinel{position:absolute;visibility:hidden;width:1px;height:1px;top:0;left:0}.video{margin:1.5em 0;box-shadow:0 0 4rem rgba(0,0,0,.05);border-radius:2rem;overflow:hidden;background-color:var(--color-sheet)}.animate.--fade-in{animation:fade-in .5s ease-out forwards}.animate.--fade-in-pop{animation:fade-in-pop .15s ease forwards}.js .animate[data-aos]{opacity:0}.animate.--delay-s{animation-delay:.25s}.animate.--delay-m{animation-delay:.5s}.animate.--delay-l{animation-delay:.75s}.animate.--delay-xl{animation-delay:1s}.animate.--delay-xxl{animation-delay:1.5s}.animate.--duration-s{animation-duration:.25s}.animate.--duration-m{animation-duration:.5s}.animate.--duration-l{animation-duration:.75s}.animate.--duration-xl{animation-duration:1s}.animate.--duration-xxl{animation-duration:1.5s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-pop{0%{transform:scale(.8);opacity:0}85%{transform:scale(1.03);opacity:1}to{transform:scale(1);opacity:1}}@keyframes color-cycle{0%{background-color:var(--color-accent)}33%{background-color:var(--color-positive)}66%{background-color:var(--color-accent)}to{background-color:var(--color-negative)}}@keyframes color-cycle-fill{0%{fill:var(--color-accent)}33%{fill:var(--color-positive)}66%{fill:var(--color-accent)}to{fill:var(--color-negative)}}@keyframes spark{0%{opacity:0}75%{opacity:0}to{opacity:1}}.display.--block{display:block}.display.--inline{display:inline}.display.--none{display:none}@media (max-width:44.9em){.display.--none-s{display:none}}.display.--sr-only{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}.grid{display:grid;grid-template-columns:1fr minmax(80vw,100%) 1fr;align-items:start;grid-column-gap:min(5vw,4rem);column-gap:min(5vw,4rem)}.grid>.grid{grid-column:1/-1}.grid>:not([class*=grid]){grid-column:2}.grid.--dense{grid-auto-flow:dense}@media (min-width:45em){.grid{grid-template-columns:1fr repeat(12,minmax(2rem,100%)) 1fr;grid-column-gap:min(2.5vw,4rem);column-gap:min(2.5vw,4rem)}.grid>:not([class*=grid]){grid-column:4/span 8}}@media (min-width:90em){.grid{grid-template-columns:1fr repeat(12,7.5rem) 1fr;grid-column-gap:4rem;column-gap:4rem}}.grid__item{grid-column-start:2}.grid__item.--bleed-left{grid-column:1/span 2}.grid__item.--bleed-right{grid-column-end:-1}.grid__item.--bleed-full{grid-column:1/-1}@media (min-width:45em){.grid__item{grid-column:4/span 8}.grid__item.--span-3{grid-column-end:span 3}.grid__item.--span-4{grid-column-end:span 4}.grid__item.--span-5{grid-column-end:span 5}.grid__item.--span-6{grid-column-end:span 6}.grid__item.--span-7{grid-column-end:span 7}.grid__item.--span-8{grid-column-end:span 8}.grid__item.--span-9{grid-column-end:span 9}.grid__item.--span-10{grid-column-end:span 10}.grid__item.--span-11{grid-column-end:span 11}.grid__item.--span-12{grid-column:2/span 12}.grid__item.--start-1{grid-column-start:2}.grid__item.--start-2{grid-column-start:3}.grid__item.--start-3{grid-column-start:4}.grid__item.--start-4{grid-column-start:5}.grid__item.--start-5{grid-column-start:6}.grid__item.--start-6{grid-column-start:7}.grid__item.--start-7{grid-column-start:8}.grid__item.--start-8{grid-column-start:9}.grid__item.--start-9{grid-column-start:10}.grid__item.--start-10{grid-column-start:11}.grid__item.--start-auto{grid-column-start:auto}.grid__item.--place-start{align-self:start;justify-self:start;place-self:start}.grid__item.--place-center{align-self:center;justify-self:center;place-self:center}.grid__item.--place-end{align-self:end;justify-self:end;place-self:end}}.pad.--hard{padding:var(--space-m)}.pad.--firm{padding:var(--space-l)}.pad.--soft{padding:var(--space-xl)}.pad.--top-hard{padding-top:var(--space-m)}.pad.--top-firm{padding-top:var(--space-l)}.pad.--top-soft{padding-top:var(--space-xl)}.pad.--bottom-hard{padding-bottom:var(--space-m)}.pad.--bottom-firm{padding-bottom:var(--space-l)}.pad.--bottom-soft{padding-bottom:var(--space-xl)}.pad.--left-hard{padding-left:var(--space-m)}.pad.--left-firm{padding-left:var(--space-l)}.pad.--left-soft{padding-left:var(--space-xl)}.pad.--right-hard{padding-right:var(--space-m)}.pad.--right-firm{padding-right:var(--space-l)}.pad.--right-soft{padding-right:var(--space-xl)}.space.--top-flush{margin-top:0}@media (min-width:45em){.space.--top-flush-soft{margin-top:0}}.space.--top-s{margin-top:var(--space-s)}.space.--top-m{margin-top:var(--space-m)}.space.--top-l{margin-top:var(--space-l)}.space.--top-xl{margin-top:var(--space-xl)}.space.--top-xxl{margin-top:var(--space-xxl)}.space.--top-pull-s{margin-top:calc(var(--space-s)*-1)}.space.--top-pull-m{margin-top:calc(var(--space-m)*-1)}.space.--top-pull-l{margin-top:calc(var(--space-l)*-1)}.space.--top-pull-xl{margin-top:calc(var(--space-xl)*-1)}.space.--top-pull-xxl{margin-top:calc(var(--space-xxl)*-1)}.space.--bottom-flush{margin-bottom:0}@media (min-width:45em){.space.--bottom-flush-soft{margin-bottom:0}}.space.--bottom-s{margin-bottom:var(--space-s)}.space.--bottom-m{margin-bottom:var(--space-m)}.space.--bottom-l{margin-bottom:var(--space-l)}.space.--bottom-xl{margin-bottom:var(--space-xl)}.space.--bottom-xxl{margin-bottom:var(--space-xxl)}.space.--bottom-pull-s{margin-bottom:calc(var(--space-s)*-1)}.space.--bottom-pull-m{margin-bottom:calc(var(--space-m)*-1)}.space.--bottom-pull-l{margin-bottom:calc(var(--space-l)*-1)}.space.--bottom-pull-xl{margin-bottom:calc(var(--space-xl)*-1)}.space.--bottom-pull-xxl{margin-bottom:calc(var(--space-xxl)*-1)}.text.--size-xxxs{font-size:var(--type-xxxs)}.text.--size-xxs{font-size:var(--type-xxs)}.text.--size-xs{font-size:var(--type-xs)}.text.--size-s{font-size:var(--type-s)}.text.--size-m{font-size:var(--type-m)}.text.--size-l{font-size:var(--type-l)}.text.--size-xl{font-size:var(--type-xl);line-height:var(--leading-m)}.text.--size-xxl{font-size:var(--type-xxl);line-height:var(--leading-m)}.text.--size-xxxl{font-size:var(--type-xxxl);line-height:var(--leading-s)}.text.--size-xxxxl{font-size:var(--type-xxxxl);line-height:var(--leading-s);letter-spacing:-.02em}.text.--weight-200{font-weight:200}.text.--weight-300{font-weight:300}.text.--weight-400{font-weight:400}.text.--weight-500{font-weight:500}.text.--weight-600{font-weight:600}.text.--weight-700{font-weight:700}.text.--weight-800{font-weight:800}.text.--align-left{text-align:left}.text.--align-center{text-align:center}.text.--align-right{text-align:right}.text.--leading-s{line-height:var(--leading-s)}.text.--leading-m{line-height:var(--leading-m)}.text.--leading-l{line-height:var(--leading-l)}.text.--leading-xl{line-height:var(--leading-xl)}
/*# sourceMappingURL=main.css.map */