.pg-tread-grid{position:relative;overflow:hidden;height:100vh;--color-text:#000;--color-text-alt:#848484;--color-title:#d3d3d3;--color-bg:#dcdcdc;--color-link:#e3154d;--color-link-hover:#000;color:var(--color-text);--cursor-stroke:#e3154d;--cursor-fill:none;--cursor-stroke-width:1px;--cursor-text:#000;font-family:tenon,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pg-tread-grid .unbutton{background:none;border:0;padding:0;margin:0;font:inherit;cursor:pointer}.pg-tread-grid .unbutton:focus{outline:none}.pg-tread-grid.js .loading:after,.pg-tread-grid.js .loading:before{content:"";position:fixed;z-index:1000}.pg-tread-grid.js .loading:before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.pg-tread-grid.js .loading:after{top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;opacity:.4;background:var(--color-link);animation:loaderAnim .7s linear infinite alternate forwards}.pg-tread-grid .message{z-index:100;background:var(--color-text);color:var(--color-bg);padding:.5rem;font-size:.75rem;position:relative}.pg-tread-grid .no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pg-tread-grid .frame{padding:1rem 5vw;position:relative;z-index:1000}.pg-tread-grid .frame__title{font-size:1rem;margin:0 0 1rem;font-weight:400}.pg-tread-grid .frame__links{display:inline}.pg-tread-grid .frame__demos a:not(:last-child),.pg-tread-grid .frame__links a:not(:last-child){margin-right:1rem}.pg-tread-grid .frame__demos{margin:1rem 0}.pg-tread-grid .frame__demo--current,.pg-tread-grid .frame__demo--current:hover{color:var(--color-text);text-decoration:none}.pg-tread-grid .content{display:flex;flex-direction:column;width:100vw;height:300px;justify-content:center;position:relative;align-items:center}.pg-tread-grid .grid{position:absolute;width:120%;height:120%;top:-10%;left:-10%;display:grid;grid-template-columns:repeat(50, 2%);grid-template-rows:repeat(50, 2%);perspective:1000px}.pg-tread-grid .grid--inactive{pointer-events:none}.pg-tread-grid .grid__item{grid-area:var(--grid-row) / var(--grid-column) / span 12 / span 5}.pg-tread-grid .grid__item,.pg-tread-grid .grid__item-img{position:relative;will-change:transform}.pg-tread-grid .grid__item-img{width:100%;height:100%;background-size:cover;background-position:50% 50%;border-radius:10px}.pg-tread-grid .char{will-change:transform}.pg-tread-grid .grid__item:nth-child(1){--grid-row:10;--grid-column:1}.pg-tread-grid .grid__item:nth-child(2){--grid-row:1;--grid-column:18}.pg-tread-grid .grid__item:nth-child(3){--grid-row:1;--grid-column:29}.pg-tread-grid .grid__item:nth-child(4){--grid-row:15;--grid-column:12}.pg-tread-grid .grid__item:nth-child(5){--grid-row:17;--grid-column:25}.pg-tread-grid .grid__item:nth-child(6){--grid-row:20;--grid-column:43}.pg-tread-grid .grid__item:nth-child(7){--grid-row:35;--grid-column:5}.pg-tread-grid .grid__item:nth-child(8){--grid-row:40;--grid-column:14}.pg-tread-grid .grid__item:nth-child(9){--grid-row:37;--grid-column:29}.pg-tread-grid .grid__item:nth-child(10){--grid-row:35;--grid-column:42}.pg-tread-grid .grid__item:nth-child(11){--grid-row:1;--grid-column:44}.pg-tread-grid .grid__item:nth-child(12){--grid-row:32;--grid-column:20}.pg-tread-grid .grid__item:nth-child(13){--grid-row:22;--grid-column:2}.pg-tread-grid .grid__item:nth-child(14){--grid-row:9;--grid-column:38}.pg-tread-grid .grid__item:nth-child(15){--grid-row:4;--grid-column:7}.pg-tread-grid .grid__item:nth-child(16){--grid-row:28;--grid-column:36}.pg-tread-grid .content__title{font-size:12vw;margin:0;line-height:1.2;position:relative;color:var(--color-title);text-transform:uppercase;pointer-events:none}.pg-tread-grid .content__title-line{display:block;position:relative;overflow:hidden;line-height:1}.pg-tread-grid .content__title-line--1{margin-left:-5vw}.pg-tread-grid .content__title-line--2{margin-right:-5vw}.pg-tread-grid .preview{position:relative;pointer-events:none}.pg-tread-grid.js .preview{width:100%;height:100%;position:absolute;top:0;left:0}.pg-tread-grid .preview__item{position:relative;margin:0 auto;padding:0 5vw;display:grid;grid-template-rows:auto auto auto;grid-template-columns:50% 50%;grid-template-areas:"preview-back preview-back" "preview-img preview-title" "preview-content preview-content"}.pg-tread-grid.js .preview__item{perspective:1000px}.pg-tread-grid.js .preview__item:not(.preview__item--open){position:absolute;overflow:hidden;height:0;opacity:0}.pg-tread-grid.js .preview__item--open{pointer-events:auto}.pg-tread-grid .preview__item-back{grid-area:preview-back;justify-self:start;font-size:.857rem;text-transform:uppercase;font-weight:500;margin-bottom:1rem;position:relative;z-index:10}.pg-tread-grid .preview__item-title{grid-area:preview-title;font-family:dystopian,sans-serif;font-size:12vw;font-size:clamp(1.5rem, 12vw, 20vh);margin:0;grid-column-start:1;align-self:center;padding-left:1rem;position:relative;overflow:hidden;pointer-events:none}.pg-tread-grid .preview__item-imgwrap{width:100px;height:150px;border-radius:10px;overflow:hidden;grid-area:preview-img;transform-origin:50% 100%}.pg-tread-grid .preview__item-img{width:100%;height:100%;background-size:cover;background-position:50% 50%}.pg-tread-grid .preview__item-content{grid-area:preview-content;max-width:calc(1100px - 80vh);min-height:440px;line-height:1.3}.pg-tread-grid .preview__item-meta{color:var(--color-text-alt);text-transform:uppercase;font-size:.857rem;padding:1rem 0 0}.pg-tread-grid .preview__item-meta span{display:block}.pg-tread-grid .preview__item-info{display:block;color:var(--color-link);margin:1rem 0}.pg-tread-grid .preview__item-button{color:#fff;border:0;border-radius:2rem;text-transform:uppercase;font:inherit;font-size:.875rem;font-weight:500;background:#000;padding:1rem 2rem;display:inline-block;cursor:pointer;margin-bottom:1rem}.pg-tread-grid .preview__item-button:active,.pg-tread-grid .preview__item-button:focus,.pg-tread-grid .preview__item-button:hover{outline:none;background:var(--color-link)}.pg-tread-grid .cursor{visibility:hidden}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5, .5, 1)}}@media screen and (min-width:53em){.pg-tread-grid .message{display:none}.pg-tread-grid .frame{position:fixed;z-index:100;top:0;left:0;display:grid;align-content:space-between;width:100%;max-width:none;height:100%;padding:1rem 1.5rem;grid-gap:6vw;pointer-events:none;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto auto;grid-template-areas:"title links ..." "... ... ..." "... ... ..."}.pg-tread-grid .frame__title-wrap{grid-area:title;display:flex}.pg-tread-grid .frame__title{margin:0}.pg-tread-grid .frame__tagline{position:relative;margin:0 0 0 1rem;padding:0 0 0 1rem;opacity:.5}.pg-tread-grid .frame__demos{margin:0;grid-area:demos;justify-self:end}.pg-tread-grid .frame__links{grid-area:links;padding:0}.pg-tread-grid .frame a{pointer-events:auto}.pg-tread-grid .content{height:100%}.pg-tread-grid .preview__item{height:100%;width:80vw;grid-template-columns:47% 53%;grid-template-rows:minmax(max(5rem, 18vh), 1fr) auto auto 1fr;grid-template-areas:"... ..." "preview-back ..." "preview-title preview-title" "preview-img preview-content"}.pg-tread-grid .preview__item-title{justify-self:center;padding:0}.pg-tread-grid .preview__item-meta{padding:1rem 0}.pg-tread-grid .preview__item-info{margin:1rem 0 3rem}.pg-tread-grid .preview__item-imgwrap{width:100%;height:100%;grid-row-start:3;border-radius:10px}.pg-tread-grid .preview__item-content{padding:0 0 0 4rem}}.bdt-tread-grid .splitting .char,.bdt-tread-grid .splitting .word{display:inline-block}.bdt-tread-grid .splitting .char{position:relative}.bdt-tread-grid .splitting .char:after,.bdt-tread-grid .splitting .char:before{content:attr(data-char);position:absolute;top:0;left:0;visibility:hidden;transition:inherit;user-select:none}.bdt-tread-grid .splitting{--word-center:calc(var(--word-total) / 2 - 0.5);--char-center:calc(var(--char-total) / 2 - 0.5);--line-center:calc(var(--line-total) / 2 - 0.5)}.bdt-tread-grid .splitting .word{--word-percent:calc(var(--word-index) / var(--word-total));--line-percent:calc(var(--line-index) / var(--line-total))}.bdt-tread-grid .splitting .char{--char-percent:calc(var(--char-index) / var(--char-total));--char-offset:calc(var(--char-index) - var(--char-center));--distance:calc( var(--char-offset) * var(--char-offset) / var(--char-center) );--distance-sine:calc(var(--char-offset) / var(--char-center));--distance-percent:calc(var(--distance) / var(--char-center))}.bdt-tread-grid .splitting.cells img{width:100%;display:block}@supports (display: grid){.bdt-tread-grid .splitting.cells{position:relative;overflow:hidden;background-size:cover;visibility:hidden}.bdt-tread-grid .splitting .cell-grid{background:inherit;position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template:repeat(var(--row-total), 1fr) / repeat(var(--col-total), 1fr)}.bdt-tread-grid .splitting .cell{background:inherit;position:relative;overflow:hidden}.bdt-tread-grid .splitting .cell-inner{background:inherit;position:absolute;visibility:visible;width:calc(100% * var(--col-total));height:calc(100% * var(--row-total));left:calc(-100% * var(--col-index));top:calc(-100% * var(--row-index))}.bdt-tread-grid .splitting .cell{--center-x:calc(var(--col-total) / 2 - 0.5);--center-y:calc(var(--row-total) / 2 - 0.5);--offset-x:calc(var(--col-index) - var(--center-x));--offset-y:calc(var(--row-index) - var(--center-y));--distance-x:calc(var(--offset-x) * var(--offset-x) / var(--center-x));--distance-y:calc(var(--offset-y) * var(--offset-y) / var(--center-y))}}