.demo{--grrr-cols: 10;--grrr-gutter: 18px;--grrr-margin: 40px;--grrr-col-width: 72px;--grrr-still-start: 3;--grrr-still-end: 8;--content-area: col-start 3 / col-end 8;--callout-start: 3;--callout-end: 8;--callout-inner-area: 1 / -1;position:relative;min-height:100dvh;padding-block:164px;overflow:hidden;background-color:var(--clr-bg);z-index:2;mask:linear-gradient(to bottom,rgba(0,0,0,0) 110px,rgb(0,0,0) 130px),linear-gradient(to top,rgba(0,0,0,0) 110px,rgb(0,0,0) 130px);mask:linear-gradient(0deg,rgba(0,0,0,0) 0%,rgb(0,0,0) 5%,rgb(0,0,0) 95%,rgba(0,0,0,0) 100%)}@media (max-width: 1220px){.demo.grrr{display:none}}.demo svg{fill:var(--clr-txt);width:100%}.demo__bar{height:fit-content;display:flex;flex-wrap:wrap;height:140px;padding-block:40px;grid-column:off-start/off-end 2;column-gap:20px;row-gap:25px;position:relative}.demo__bar:after{content:"";width:100vw;height:0;display:block;border-top:1px solid rgba(179,178,178,.3);position:absolute;top:0;left:50%;transform:translate(-50%)}.demo__bar button{all:unset;cursor:pointer;width:24px;height:24px;transition:.3s ease}.demo__bar button:hover{opacity:.7!important}.demo__bar button[data-demo=stop]{order:3;margin-left:auto}[data-demo-state=stopped] .demo__bar button[data-demo=stop],[data-demo-state=stopped] .demo__bar button[data-demo=pause],[data-demo-state=playing] .demo__bar button[data-demo=play],[data-demo-state=paused] .demo__bar button[data-demo=pause]{display:none}.demo__title{display:flex;align-items:center;height:24px}.demo__title h1{font-size:1rem;font-weight:600}.demo__timeline{display:flex;width:100%;order:4;gap:4px;font-size:.75rem}.demo__timeline li{width:100%;cursor:pointer}.demo__timeline li:before{content:"";margin-top:2px;height:4px;background-color:var(--clr-hl);display:block;transition:ease .5s all}.demo__timeline li span{display:block;padding-top:4px;opacity:0;transition:ease .5s all}.demo__timeline li.active:before,.demo__timeline li:hover:before{transform:scaleY(2);transition-delay:.2s}.demo__timeline li:hover span{opacity:1;transition-delay:.2s}.demo__canvas{position:relative;height:calc(100dvh - 140px);margin-top:auto;margin-inline:auto}[data-demo-stage=tiles] .demo__canvas{align-items:center;align-content:unset}.demo__canvas:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-image:fill 0 linear-gradient(transparent 75%,var(--clr-bg));pointer-events:none;z-index:2}.demo__canvas [data-demo=play]{all:unset;cursor:pointer;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:ease all .5s;transition-delay:.2s;z-index:5;width:80px;height:80px;display:block;opacity:0;pointer-events:none}[data-demo-state=stopped] .demo__canvas [data-demo=play]{opacity:1;pointer-events:unset}.demo__canvas [data-demo=play]:hover{opacity:.7!important}.demo__canvas [data-demo=play] svg{width:100%;height:100%;display:block}.demo__rulers{position:absolute;top:1px;right:1px;bottom:1px;left:1px;pointer-events:none;align-content:unset}.demo__rulers *{background-color:transparent;transition:ease 1s all;position:relative;overflow:hidden}.demo__rulers *:before,.demo__rulers *:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(179,178,178,.3);z-index:2}.demo__rulers *:after{top:2px;right:2px;bottom:2px;left:2px;border:2px solid transparent;z-index:1;transition:ease 1s all}[data-demo-area=margin] .demo__rulers [data-demo-area=margin],[data-demo-area=off] .demo__rulers [data-demo-area=off],[data-demo-area=col] .demo__rulers [data-demo-area=col],[data-demo-area=gutter] .demo__rulers [data-demo-area=gutter],[data-demo-area=board] .demo__rulers [data-demo-area=col],[data-demo-area=board] .demo__rulers [data-demo-area=gutter]{background-color:var(--clr-hl-alpha)}[data-demo-area=margin] .demo__rulers [data-demo-area=margin]:after,[data-demo-area=off] .demo__rulers [data-demo-area=off]:after,[data-demo-area=col] .demo__rulers [data-demo-area=col]:after,[data-demo-area=gutter] .demo__rulers [data-demo-area=gutter]:after,[data-demo-area=board] .demo__rulers [data-demo-area=col]:after,[data-demo-area=board] .demo__rulers [data-demo-area=gutter]:after{border-color:var(--clr-hl)}[data-demo-area=board] .demo__rulers [data-demo-area=col]:after,[data-demo-area=board] .demo__rulers [data-demo-area=gutter]:after{border-left-color:transparent;border-right-color:transparent}[data-demo-area=board] .demo__rulers [data-demo-area=col][data-demo-col="1"]:after,[data-demo-area=board] .demo__rulers [data-demo-area=gutter][data-demo-col="1"]:after{border-left-color:var(--clr-hl)}[data-demo-area=board] .demo__rulers [data-demo-area=col][data-demo-col="10"]:after,[data-demo-area=board] .demo__rulers [data-demo-area=gutter][data-demo-col="10"]:after{border-right-color:var(--clr-hl)}.demo__content{width:100%;transition:ease opacity .5s;display:none!important;opacity:0;align-content:start}[data-demo-stage=content] .demo__content{display:inherit!important}@layer defaults{.demo__content>*{grid-column:var(--content-area);margin-top:20px;padding:0}}.demo__content h1{margin-top:0}.demo__content .callout{padding-block:20px;background-color:var(--clr-hl);text-wrap:pretty}.demo__content .callout.grrr--sub{display:grid;grid-template-columns:subgrid;grid-column:gutter-start 2/gutter-end 8}.demo__content .callout.grrr--sub>*{grid-column:var(--callout-inner-area, 1/-1);padding-inline:var(--grrr-gutter)}.demo__content .callout.grrr--inherit{grid-column:1/-1;width:100%}.demo__content .callout.grrr--inherit>*{grid-column:var(--content-area)}.demo__content .pullquote{font-size:1.5rem;line-height:1.4;font-weight:600;margin:0;padding-inline:0;padding-block:20px;grid-column:var(--pullquote-area, var(--content-area));text-wrap:balance;grid-row:span 5}.demo__content .pullquote:before{content:"";background-color:var(--clr-hl);width:35px;height:35px;margin-bottom:10px;display:block;-webkit-mask-image:url('data:image/svg+xml,<svg width="38" height="30" viewBox="0 0 38 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 29.1675V20.73C0 18.3341 0.46875 15.8862 1.40625 13.3862C2.34375 10.8862 3.58073 8.52946 5.11719 6.31592C6.65365 4.10237 8.32031 2.25342 10.1172 0.769043L17.4609 5.10498C16.0026 7.39665 14.8047 9.79248 13.8672 12.2925C12.9557 14.7925 12.5 17.5789 12.5 20.6519V29.1675H0ZM19.7266 29.1675V20.73C19.7266 18.3341 20.1953 15.8862 21.1328 13.3862C22.0703 10.8862 23.3073 8.52946 24.8438 6.31592C26.3802 4.10237 28.0469 2.25342 29.8438 0.769043L37.1875 5.10498C35.7292 7.39665 34.5312 9.79248 33.5938 12.2925C32.6823 14.7925 32.2266 17.5789 32.2266 20.6519V29.1675H19.7266Z" fill="%23F4B596"/></svg>');mask-image:url('data:image/svg+xml,<svg width="38" height="30" viewBox="0 0 38 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 29.1675V20.73C0 18.3341 0.46875 15.8862 1.40625 13.3862C2.34375 10.8862 3.58073 8.52946 5.11719 6.31592C6.65365 4.10237 8.32031 2.25342 10.1172 0.769043L17.4609 5.10498C16.0026 7.39665 14.8047 9.79248 13.8672 12.2925C12.9557 14.7925 12.5 17.5789 12.5 20.6519V29.1675H0ZM19.7266 29.1675V20.73C19.7266 18.3341 20.1953 15.8862 21.1328 13.3862C22.0703 10.8862 23.3073 8.52946 24.8438 6.31592C26.3802 4.10237 28.0469 2.25342 29.8438 0.769043L37.1875 5.10498C35.7292 7.39665 34.5312 9.79248 33.5938 12.2925C32.6823 14.7925 32.2266 17.5789 32.2266 20.6519V29.1675H19.7266Z" fill="%23F4B596"/></svg>');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-position:center;mask-position:center}.demo__content[style*="--pullquote-area: col-start 1"] .pullquote{margin-top:-55px}.demo__content[style*="--pullquote-area: col-start 1 / col-end 2"] .pullquote{font-size:1.3rem}.demo__tile{grid-column:3 col-start/8 col-end;background:var(--clr-hl-alpha);border:2px solid var(--clr-hl);margin-block:16px;opacity:0;transition:1s ease opacity;height:80%}@layer reset,defaults;@layer reset{html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:100%}html,body{font-size:100%;margin:0;width:100%}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;margin:0}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;text-decoration:none}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}img{border:0;width:100%;display:block}img[class^=wp-image]{display:inline-block}svg:not(:root){overflow:hidden}hr{box-sizing:content-box;height:0}pre{overflow:auto;-moz-tab-size:4;tab-size:4}code,kbd,pre,samp{font-family:monospace,monospace}button,input,optgroup,select,textarea{color:inherit;font:inherit;letter-spacing:inherit;word-spacing:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-moz-appearance:button;appearance:button;-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-moz-appearance:textfield;appearance:textfield;-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-moz-appearance:none;appearance:none;-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}textarea{overflow-x:none;overflow-y:auto}a,a:visited,a:focus,a:active{color:inherit;text-decoration:none}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:inherit}h1,h2,h3,h4,h5,p,a,li,ul{margin:0;font-size:inherit}ul,ol{list-style:none;margin:0;padding:0;margin-block-start:0;margin-block-end:0;margin-inline-start:0px;margin-inline-end:0px;padding-inline-start:0px;counter-reset:listCounter calc(var(--listCounter, 1) - 1)}ul li,ol li{counter-increment:listCounter}}.menu{position:absolute;top:0;right:0;bottom:0;left:0}@media (max-width: 750px){.menu--desktop{display:none}}@media (max-width: 1220px){.menu--desktop li:has([href="#demo-mobile"]){display:block}.menu--desktop li:has([data-demo=play]){display:none}}@media (min-width: 1221px){.menu--desktop li:has([href="#demo-mobile"]){display:none}.menu--desktop li:has([data-demo=play]){display:block}}.menu__holder{grid-column:col-start 1/col-end 3;align-self:start;position:sticky;top:50px}@media (max-width: 750px){.menu__holder{height:100%;padding-block:20px;grid-column:board;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:max-content auto max-content;gap:var(--grrr-gutter)}}.menu__logo{display:block;width:100%;height:auto}.menu__logo>g{transform:translateY(-100%)}@media (max-width: 750px){.menu__logo{grid-column:1/span 2}}.menu ul{display:flex;flex-direction:column;gap:16px;padding-top:72px}@media (max-width: 750px){.menu ul{padding-top:20dvh;grid-column:1/span 4;gap:36px}}@media (min-width: 500px) and (max-width: 750px){.menu ul{padding-top:30dvh}}.menu li{font-size:1.25rem;line-height:1.2;font-weight:600;text-transform:uppercase}.menu li a{cursor:pointer}.menu li a:hover{opacity:.7}@media (max-width: 750px){.menu li{font-size:2rem}}.menu__mobile-bottom{display:none;grid-column:1/span 4;align-self:end}.menu__mobile-bottom__btns{display:flex;gap:var(--grrr-gutter);margin-bottom:50px}@media (max-width: 750px){.menu__mobile-bottom{display:flex;flex-direction:column;justify-content:flex-end}}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;padding-inline:var(--grrr-gutter);z-index:9999;transform:translateY(-100%);transition:.5s ease}.mobile-menu[aria-hidden=false]{transition:.8s ease .1s;transform:translateY(0)}@media (min-width: 751px){.mobile-menu{display:none}}.mobile-topbar{position:fixed;width:100%;top:0;z-index:99999;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--grrr-gutter);padding-block:20px;padding-inline:var(--grrr-margin)}@media (min-width: 750px){.mobile-topbar{display:none}}.mobile-topbar__logo{max-width:100%;height:auto;grid-column:1/span 2;transform:translateY(calc(-1*(100% + 30px)));transition:.2s ease}[menu-open] .mobile-topbar__logo{transform:translateY(0);transition:.5s ease .5s}.mobile-topbar .menu-btn{width:22px;height:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;position:relative;padding:0;margin:0;outline:0;border:none;background-color:transparent;transition:.5s ease;justify-self:end;grid-column:4}.mobile-topbar .menu-btn:before,.mobile-topbar .menu-btn:after{content:"";position:absolute;top:50%;left:0;transition:.5s ease;transform:translateY(-50%)}.mobile-topbar .menu-btn:after{left:calc(100% - 4px)}.mobile-topbar .menu-btn span{justify-self:center;transition:.3s ease}.mobile-topbar .menu-btn span:first-of-type{grid-column:2}.mobile-topbar .menu-btn span:last-of-type{grid-column:3}.mobile-topbar .menu-btn:before,.mobile-topbar .menu-btn:after,.mobile-topbar .menu-btn span{display:block;min-width:4px;max-width:4px;height:100%;background-color:var(--clr-txt)}.mobile-topbar .menu-btn[aria-expanded=true]:before{left:50%;transform:translate(-50%,-50%) rotate(45deg);transition:transform .5s ease .5s,left .5s ease}.mobile-topbar .menu-btn[aria-expanded=true]:after{left:50%;transform:translate(-50%,-50%) rotate(-45deg);transition:transform .5s ease .5s,left .5s ease}.mobile-topbar .menu-btn[aria-expanded=true] span{opacity:0}.grid-bg{--transformY: 0;position:fixed;top:0;left:0;height:100dvh}.grid-bg.transition{transition:transform .8s ease,z-index .1s ease .5s}.grid-bg:before{content:"";width:100%;height:100%;display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--clr-bg);transition:transform .3s}[menu-open] .grid-bg{transition:transform .5s ease;transform:translateY(var(--transformY))!important;z-index:999}[menu-open] .grid-bg:before{transform:translateY(0)}.grid-bg__holder{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--grrr-gutter);grid-column:board;-webkit-mask-image:linear-gradient(to top,#0000,#000 30%);mask-image:linear-gradient(to top,#0000,#000 30%);height:calc(100dvh - 100px);position:relative;z-index:1}@media (max-width: 750px){.grid-bg__holder{grid-template-columns:repeat(4,1fr)}.grid-bg__holder span:not(:first-child):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)){display:none}}.grid-bg span{display:block;width:100%;height:100%;background-color:var(--clr-hl-alpha);border-inline:3px solid var(--clr-hl);transform:translateY(-100%)}.hero{position:relative;min-height:100vh;padding-bottom:100px;opacity:0}@media (min-width: 750px) and (max-width: 1240px){.hero{align-items:center}}.hero__holder{grid-column:board;grid-template-columns:subgrid;display:grid;align-items:center;min-height:680px;position:relative;background-size:100% auto}@media (max-width: 750px){.hero__holder{--grrr-col-start: 1;--grrr-col-end: 4;padding-top:20px;grid-auto-rows:max-content}}@media (max-width: 1240px){.hero__holder{grid-auto-rows:max-content}}.hero__side{grid-column:col-start 1/col-end 3;display:flex;flex-direction:column;justify-content:space-between;position:relative}@media (max-width: 1240px){.hero__side{display:contents}}.hero__side h1{max-width:12ch;font-size:clamp(1.25rem,3.6111vw,3.125rem);line-height:1.0769;text-transform:uppercase;margin-bottom:50px;clip-path:polygon(0% 0%,0% 0%,0% 100%,0% 100%)}@media (max-width: 750px){.hero__side h1{position:relative;grid-column:col-start 1/col-end 2;margin-bottom:0}}@media (min-width: 750px) and (max-width: 1240px){.hero__side h1{font-size:clamp(1.25rem,2.8vw,3.125rem);grid-column:col-start 3/col-end 5;margin-bottom:0}}.hero__logo{grid-column:col-start 5/col-end 12;position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:min(4%,36px)}@media (max-width: 750px){.hero__logo{padding-block:80px;grid-column:board;gap:16px}}@media (min-width: 750px) and (max-width: 1240px){.hero__logo{grid-column:col-start 3/col-end 10;margin-block:72px}}.hero__logo svg{width:100%;height:auto;display:block}@media (max-width: 750px){.hero .colophon{grid-column:board;grid-row:3;position:relative}}@media (min-width: 750px) and (max-width: 1240px){.hero .colophon{grid-column:col-start 3/col-end 10;justify-self:end;grid-row:3;position:relative;gap:20px}}.main-footer{padding-block:20px;opacity:0}.main-footer.is-visible{opacity:1}.main-footer__holder{grid-column:board;display:flex;justify-content:space-between;align-items:center}@media (max-width: 750px){.main-footer__holder{display:grid;grid-template-columns:auto auto;column-gap:16px;justify-content:start;align-items:start}}.main-footer__left{display:flex;gap:36px;align-items:center}@media (max-width: 750px){.main-footer__left{display:contents}.main-footer__left>svg{grid-column:1;grid-row:1;display:block;width:auto;height:60px}}.main-footer__right{display:flex;align-items:flex-start;gap:20px}@media (max-width: 750px){.main-footer__right{grid-column:2;grid-row:1;gap:0;flex-direction:column;justify-content:space-between}}.main-footer__right img,.main-footer__right svg{display:block}.main-footer .colophon{width:calc(var(--grrr-col-width) * 4);gap:inherit}@media (max-width: 750px){.main-footer .colophon{width:auto;grid-column:1/span 2;gap:16px;padding-top:40px}}.colophon{font-size:.875rem;line-height:1.357;display:flex;align-items:center;gap:11.4649681529%}@media (max-width: 750px){.colophon{gap:20px}}.colophon .logos{display:flex;align-items:center;gap:10px}.colophon .logos span{width:2px;height:38px;display:block;background-color:currentColor}.content{position:relative;padding-bottom:170px;opacity:0}.content.is-visible{opacity:1}@media (max-width: 750px){.content{padding-bottom:80px}}.content-cols{position:relative;z-index:3;grid-column:col-start 5/col-end 10;padding-bottom:80px}@media (max-width: 750px){.content-cols{grid-column:board}}.content-cols *+h2,.content-cols *+h3,.content-cols *+h4,.demo__content *+h2,.demo__content *+h3,.demo__content *+h4{margin-top:72px}.content-cols h1,.demo__content h1{font-size:2.25rem;line-height:1.222}@media (max-width: 750px){.content-cols h1,.demo__content h1{font-size:1.8rem}}.content-cols h1+h2,.content-cols h1+h3,.demo__content h1+h2,.demo__content h1+h3{margin-top:48px}.content-cols h1+p,.content-cols h1+ul,.content-cols h1+ol,.demo__content h1+p,.demo__content h1+ul,.demo__content h1+ol{margin-top:48px}.content-cols h2,.demo__content h2{font-size:2rem;line-height:1.25}@media (max-width: 750px){.content-cols h2,.demo__content h2{font-size:1.5rem}}.content-cols h2,.demo__content h2{margin-top:72px}.content-cols h2:first-child,.demo__content h2:first-child{margin-top:0}.content-cols h3,.demo__content h3{font-size:1.5rem;line-height:1.333}@media (max-width: 750px){.content-cols h3,.demo__content h3{font-size:1.25rem}}.content-cols h3,.demo__content h3{margin-top:48px}.content-cols h3:first-child,.demo__content h3:first-child{margin-top:0}.content-cols h3+p,.demo__content h3+p{margin-top:24px}.content-cols h4,.demo__content h4{font-size:1.25rem;line-height:1.2}@media (max-width: 750px){.content-cols h4,.demo__content h4{font-size:1rem}}.content-cols h4,.demo__content h4{margin-top:48px}.content-cols h4:first-child,.demo__content h4:first-child{margin-top:0}.content-cols h4+p,.demo__content h4+p{margin-top:24px}.content-cols p,.demo__content p{margin-top:24px}.content-cols p:first-child,.demo__content p:first-child{margin-top:0}.content-cols a,.demo__content a{color:inherit;text-decoration:underline;text-decoration-color:var(--clr-hl);text-decoration-thickness:4px;text-decoration-skip-ink:none;text-underline-offset:0;transition:.3s ease}.content-cols a:hover,.demo__content a:hover{color:color-mix(in srgb,var(--clr-txt) 60%,var(--clr-hl) 40%)}.content-cols ul,.content-cols ol,.demo__content ul,.demo__content ol{list-style:initial;padding-left:20px}.content-cols ul,.content-cols ol,.demo__content ul,.demo__content ol{margin-top:24px}.content-cols ul:first-child,.content-cols ol:first-child,.demo__content ul:first-child,.demo__content ol:first-child{margin-top:0}.content-cols li+li,.demo__content li+li{margin-top:8px}.content-cols pre,.demo__content pre{font-size:.875rem}.content-cols pre:not(:first-child),.demo__content pre:not(:first-child){margin-top:24px}.content-cols code,.demo__content code{font-family:Space Mono,monospace;font-variant-ligatures:none;background:#f3f3f3;padding-inline:5px;border-radius:3px}.content-cols .table-holder,.demo__content .table-holder{overflow:auto}.content-cols table,.demo__content table{min-width:600px;margin-block:48px;border-bottom:1px solid rgba(0,0,0,.1);overflow:auto}.content-cols table td,.content-cols table th,.demo__content table td,.demo__content table th{text-align:left;padding:8px;border-top:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1)}.content-cols table td:first-child,.content-cols table th:first-child,.demo__content table td:first-child,.demo__content table th:first-child{border-left:1px solid rgba(0,0,0,.1)}.content-cols table th,.demo__content table th{border-block:1px solid rgba(0,0,0,.4);border-right:1px solid rgba(0,0,0,.4);min-width:130px}.content-cols table th:first-child,.demo__content table th:first-child{border-left:1px solid rgba(0,0,0,.4)}.hljs{color:var(--clr-txt)}.hljs-comment{color:#aaa}.embed-container{margin-top:48px;aspect-ratio:1/.5625}.embed-container iframe{display:block;width:100%;height:100%;object-fit:cover}.demo-mobile{display:none}@media (max-width: 1220px){.demo-mobile{display:block}}:root{--clr-bg: #EDEBE8;--clr-txt: #1A1A1A;--clr-hl: #F3FFDA;--clr-hl-alpha: rgba(243, 255, 218,.6);--clr-blue: #DAFCFF;--clr-blue-rgb: 218, 252, 255;--grrr-gutter: min(2.6315789474%, 36px);--grrr-margin: 36px;--grrr-col-width: 81px}@media (max-width: 750px){:root{--grrr-gutter: 16px;--grrr-margin: 16px;--grrr-col-width: 167.5px;--grrr-cols: 4}}html{scroll-behavior:smooth;scroll-padding-top:50px;overflow-x:hidden;width:100%;height:100%;max-width:100dvw;font-family:Bricolage Grotesque,sans-serif,system-ui,-apple-system}html[menu-open]{overflow:hidden}body{box-sizing:border-box;flex-direction:column;display:flex;max-width:100dvw;transition-property:opacity,background-color;transition-timing-function:ease;transition-duration:.5s;color:var(--clr-txt);background-color:var(--clr-bg);font-size:1rem;line-height:1.5}