*,*:after,*:before{box-sizing:border-box}:root{font-size:12px;--color-text: #fff;--color-bg: #fff;--color-link: #fff;--color-link-hover: #fff;--page-padding: 1.5rem;--ui-font: "IBM Plex Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ui-tracking: .04em;--ui-panel-bg: rgba(255, 255, 255, .14);--ui-panel-border: rgba(255, 255, 255, .24);--active-plane-accent: #c8a06d;--active-plane-background: #f4efe7;--active-plane-blob-1: #d8b072;--active-plane-blob-2: #6f6253}body{margin:0;color:var(--color-text);background-color:var(--color-bg);font-family:var(--ui-font);text-transform:none;letter-spacing:var(--ui-tracking);font-size:.82rem;line-height:1.2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:color .52s ease}body.frame-text-dark{--color-text: #121212;--color-link: #121212;--color-link-hover: #121212}body.is-text-contrast-preview{--color-text: #ffffff;--color-link: #ffffff;--color-link-hover: #ffffff}body:before{content:"";position:fixed;inset:0;z-index:1500;pointer-events:none;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.2),transparent 34rem),#f6f1e9a3;opacity:0;transform:scaleY(.96);transform-origin:50% 100%;transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1)}body.is-gallery-transitioning:before{opacity:1;transform:scaleY(1)}body:after{content:"";position:fixed;inset:0;z-index:1180;pointer-events:none;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.32),transparent 18rem),#f6f1e957;opacity:0;transition:opacity .36s cubic-bezier(.22,1,.36,1)}body.is-portfolio-picker-open:after{opacity:1}@media(scripting:enabled){.loading:before,.loading:after{content:"";position:fixed;z-index:10000}.loading:before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.loading:after{top:50%;left:50%;width:100px;height:1px;margin:0 0 0 -50px;background:var(--color-link);animation:loaderAnim 1.5s ease-in-out infinite alternate forwards}}@keyframes loaderAnim{0%{transform:scaleX(0);transform-origin:0% 50%}50%{transform:scaleX(1);transform-origin:0% 50%}50.1%{transform:scaleX(1);transform-origin:100% 50%}to{transform:scaleX(0);transform-origin:100% 50%}}a{text-decoration:none;color:var(--color-link);outline:none;cursor:pointer;transition:color .52s ease}a:hover{text-decoration:underline;color:var(--color-link-hover)}a:focus{outline:none;background:#d3d3d3}a:focus:not(:focus-visible){background:transparent}a:focus:focus-visible{outline:2px solid red;background:transparent}.frame,.frame span,.frame p,.frame h1,.frame a{transition:color .52s ease,opacity .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1)}body.is-gallery-transitioning .frame,body.is-gallery-transitioning .plane-label-overlay{opacity:0;transform:translateY(-.8rem)}.frame{padding:3rem var(--page-padding) 0;display:grid;z-index:1000;position:relative;grid-row-gap:1rem;grid-column-gap:2rem;pointer-events:none;justify-items:start;grid-template-columns:minmax(0,1fr);grid-template-areas:"logo" "title" "tags" "secondary" "credit" "sponsor"}.frame #cdawrap{justify-self:start;grid-area:sponsor}.frame a,.frame button{pointer-events:auto}.frame .frame__logo{grid-area:logo;display:inline-flex;align-items:center;line-height:0;text-decoration:none}.frame .frame__logo img{display:block;height:clamp(38px,6.5vw,56px);width:auto;max-width:min(18rem,68vw);object-fit:contain}.frame .frame__title{grid-area:title;font-size:inherit;font-weight:600;margin:0}.frame .frame__title a{color:inherit}.frame .frame__secondary{grid-area:secondary;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;justify-self:center;width:100%;max-width:100%}.frame .frame__tags{grid-area:tags;display:flex;flex-direction:column;align-items:flex-start;gap:.45rem}.frame .frame__tags__primary,.frame .frame__tags__secondary{display:flex;flex-wrap:wrap;gap:1rem}.frame .frame__tags a{pointer-events:auto}.frame .frame__tags a.is-active,.frame .frame__tags a.is-current-route{text-decoration:underline;text-underline-offset:.32rem}.frame .frame__tags a.is-current-route{font-weight:700}.frame .frame__demos{grid-area:demos;display:flex;flex-wrap:wrap;gap:1rem}.frame .frame__credit{grid-area:credit;margin:0;opacity:.82;font-size:.78rem;font-weight:500;letter-spacing:var(--ui-tracking);line-height:1.2;text-align:right}.frame .frame__credit p{margin:.25rem 0 0}@media screen and (max-width:52.99em){.frame{padding-top:max(1.25rem,env(safe-area-inset-top));grid-row-gap:.72rem;grid-template-areas:"logo" "secondary" "tags" "credit" "sponsor"}.frame .frame__logo{justify-self:center}.frame .frame__title,.frame .frame__credit{display:none}.frame .frame__tags{display:flex;flex-direction:column;align-items:stretch;justify-self:center;width:100%;max-width:calc(100vw - (2*max(1rem,var(--page-padding))));gap:.5rem;font-size:.72rem;line-height:1.05}.frame .frame__tags__primary,.frame .frame__tags__secondary{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem .72rem}}@media screen and (min-width:53em){.frame{padding:var(--page-padding);height:100%;position:fixed;top:0;left:0;width:100%;grid-template-columns:minmax(0,auto) minmax(0,1fr) minmax(0,auto);grid-template-rows:auto auto minmax(0,1fr) auto auto;align-content:stretch;grid-template-areas:"logo . ." "tags . ." ". . ." "secondary secondary secondary" ". . credit"}.frame .frame__title{display:none}.frame .frame__logo{justify-self:start;align-self:start}.frame .frame__logo img{height:clamp(32px,3.25vw,46px);max-width:min(13rem,28vw)}.frame .frame__tags{max-width:min(44rem,58vw);align-self:start;gap:.42rem}.frame .frame__tags__secondary{padding-top:.12rem}.frame .frame__secondary{opacity:.58}.frame .frame__secondary:hover,.frame .frame__secondary:focus-within{opacity:.9}.frame .frame__credit,.frame #cdawrap{justify-self:end;text-align:right;max-width:300px}}@media screen and (max-width:52.99em){body:not(.is-content-page) .frame__tag--gallery{display:none}}.portfolio-index{display:none}.portfolio-context{position:fixed;top:calc(max(1.25rem,env(safe-area-inset-top)) + 8.4rem);left:max(1rem,env(safe-area-inset-left));z-index:90;width:min(21rem,calc(100vw - 2rem));display:grid;isolation:isolate;gap:.42rem;pointer-events:none}body.is-text-contrast-preview .portfolio-context{color:#fff;text-shadow:0 1px 14px color-mix(in srgb,var(--active-plane-blob-2) 62%,rgba(0,0,0,.42)),0 0 22px color-mix(in srgb,var(--active-plane-accent) 34%,transparent)}body.is-text-contrast-preview .portfolio-context:before{content:"";position:absolute;inset:-.9rem -1.15rem -1rem;z-index:-1;background:radial-gradient(ellipse at 16% 50%,color-mix(in srgb,var(--active-plane-accent) 28%,transparent),transparent 66%),linear-gradient(110deg,color-mix(in srgb,var(--active-plane-blob-2) 46%,transparent),color-mix(in srgb,var(--active-plane-background) 24%,transparent) 62%,transparent);opacity:.78;pointer-events:none}.portfolio-context__eyebrow,.portfolio-context__summary{margin:0;font-size:9px;line-height:1.25;opacity:.86}.portfolio-context__title{margin:0;font-size:clamp(18px,5.8vw,34px);line-height:.98;letter-spacing:0;max-width:11em}.portfolio-actions{position:fixed;left:max(1rem,env(safe-area-inset-left));right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));z-index:120;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;align-items:center;pointer-events:none}.portfolio-actions a{min-height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid currentColor;padding:.85rem 1rem;background:#ffffff1f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:inherit;font-size:10px;font-weight:700;letter-spacing:var(--ui-tracking);pointer-events:auto;text-align:center}.portfolio-actions a[hidden]{display:none!important}.portfolio-actions__primary{background:#fff3}.portfolio-actions__secondary{min-width:8.5rem}@media screen and (min-width:53em){.portfolio-context{top:clamp(7rem,16vh,11rem);left:clamp(2.5rem,8vw,12rem);width:min(24rem,30vw)}.portfolio-actions{left:auto;right:clamp(2.5rem,7vw,10rem);bottom:clamp(5rem,14vh,8rem);width:min(360px,29vw)}}@media screen and (max-width:52.99em){.frame .portfolio-index{position:fixed;right:max(1.15rem,env(safe-area-inset-right));top:46%;z-index:1200;display:grid!important;color:var(--color-text);pointer-events:none;transform:translateY(-50%)}.portfolio-index__links{position:relative;display:grid;gap:.42rem;justify-items:end;padding-right:.2rem}.portfolio-index__links:before{content:"";position:absolute;top:.35rem;right:10px;bottom:.35rem;width:1px;background:currentColor;opacity:.28}.portfolio-index__link{min-height:30px;display:grid;grid-template-columns:minmax(0,auto) 18px;align-items:center;gap:.5rem;color:inherit;text-decoration:none;pointer-events:auto}.portfolio-index__link span{max-width:7.4rem;overflow:hidden;font-size:9px;font-weight:700;letter-spacing:.08em;opacity:0;text-align:right;text-overflow:ellipsis;text-shadow:0 1px 18px rgba(255,255,255,.42);text-transform:uppercase;transform:translate(.35rem);transition:opacity .26s ease,transform .26s ease;white-space:nowrap}.portfolio-index__link i{width:8px;height:8px;justify-self:center;border-radius:50%;background:currentColor;box-shadow:0 0 0 1px #ffffff75,0 0 18px #ffffff57;opacity:.82;transform:scale(.82);transition:opacity .26s ease,transform .26s ease,box-shadow .26s ease}.portfolio-index__link.is-active span,.portfolio-index__link.is-current-route span,.portfolio-index__link--utility span,.portfolio-index__link:focus-visible span{opacity:.95;transform:translate(0)}.portfolio-index__link.is-active i,.portfolio-index__link.is-current-route i,.portfolio-index__link:focus-visible i{background:var(--portfolio-index-active-color, currentColor);opacity:1;transform:scale(1.35);box-shadow:0 0 0 1px #ffffffc2,0 0 24px #ffffffb8,0 0 18px var(--portfolio-index-active-color, transparent)}.portfolio-index__link--utility span{font-size:8px;opacity:.82;text-shadow:0 1px 12px rgba(0,0,0,.58),0 0 1px rgba(0,0,0,.85)}.portfolio-index__link--utility i{border-radius:0;box-shadow:0 0 0 1px #00000057,0 0 14px #0000006b;opacity:.58;transform:rotate(45deg) scale(.78)}@media(hover:hover)and (pointer:fine){.portfolio-index__link:hover span{opacity:.95;transform:translate(0)}.portfolio-index__link:hover i{background:var(--portfolio-index-active-color, currentColor);opacity:1;transform:scale(1.35);box-shadow:0 0 0 1px #ffffffc2,0 0 24px #ffffffb8,0 0 18px var(--portfolio-index-active-color, transparent)}}.portfolio-actions{left:0;right:0;bottom:max(.72rem,env(safe-area-inset-bottom));z-index:1460;padding-inline:max(1rem,env(safe-area-inset-left)) max(1rem,env(safe-area-inset-right));grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;color:#fff}.portfolio-actions a{min-width:0;width:100%;max-width:100%;min-height:34px;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.52);background:#0c0c0c2e;box-shadow:0 8px 24px #00000024;color:#fff;padding:.56rem .62rem;text-overflow:ellipsis;text-shadow:0 1px 12px rgba(0,0,0,.38);white-space:nowrap}.portfolio-actions__primary,.portfolio-actions__secondary{min-width:0}.portfolio-actions--single-action{grid-template-columns:minmax(0,1fr)}.portfolio-actions--single-action a:not([hidden]){grid-column:1 / -1}.portfolio-actions__primary{background:#ffffff47}body.is-portfolio-picker-open .frame{z-index:1300}body.is-portfolio-picker-open .frame__logo{opacity:0;pointer-events:none}body.is-portfolio-picker-open .frame .portfolio-index{left:50%;right:auto;top:50%;z-index:1450;width:min(86vw,27rem);color:#141414;transform:translate(-50%,-50%)}body.is-portfolio-picker-open .portfolio-index__links{gap:.78rem;min-height:min(58vh,34rem);padding:1.45rem 1.18rem 1.32rem;align-content:center;border:1px solid rgba(255,255,255,.92);background:linear-gradient(180deg,#fffffffa,#f8f6f1f5),#fff;-webkit-backdrop-filter:blur(8px) saturate(1.04);backdrop-filter:blur(8px) saturate(1.04);box-shadow:0 24px 54px #3630282e,inset 0 1px #fffffff5}body.is-portfolio-picker-open .portfolio-index__links:after{content:"";order:-1;width:min(16rem,64vw);height:4.6rem;margin:0 auto .92rem;background-image:var(--reimagine-logo-image);background-position:center;background-repeat:no-repeat;background-size:contain}body.is-portfolio-picker-open .portfolio-index__links:before{top:6.4rem;right:22px;bottom:1.55rem;width:2px;background:#141414;opacity:.32;box-shadow:none}body.is-portfolio-picker-open .portfolio-index__link{min-height:42px;grid-template-columns:minmax(9.8rem,1fr) 36px;gap:1rem}body.is-portfolio-picker-open .portfolio-index__link span{max-width:none;font-size:12px;font-weight:800;letter-spacing:0;opacity:1;text-shadow:none;transform:translate(0)}body.is-portfolio-picker-open .portfolio-index__link i{width:15px;height:15px;background:#141414db;opacity:1;transform:scale(1.08);box-shadow:0 0 0 1px #14141457,0 0 0 6px #1414140f}body.is-portfolio-picker-open .portfolio-index__link.is-current-route i,body.is-portfolio-picker-open .portfolio-index__link.is-active i{background:var(--portfolio-index-active-color, #141414);transform:scale(1.72);box-shadow:0 0 0 2px #fffffff5,0 0 0 7px #14141424,0 0 24px var(--portfolio-index-active-color, rgba(20, 20, 20, .34))}body.is-portfolio-picker-open .portfolio-context,body.is-portfolio-picker-open .plane-label-overlay__left{opacity:.24;transition:opacity .36s ease}}@media screen and (max-width:340px){.portfolio-actions{padding-inline:max(.75rem,env(safe-area-inset-left)) max(.75rem,env(safe-area-inset-right))}}.content{padding:var(--page-padding);display:flex;flex-direction:column;width:100vw;position:relative;pointer-events:none;transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1)}@media screen and (min-width:53em){.content{min-height:100vh;justify-content:center;align-items:center}}body.is-gallery-transitioning .content{opacity:.18;transform:scale(.96) translateY(-1.2rem)}.page-shell{display:none}body.is-content-page{--color-text: #171717;--color-link: #171717;--color-link-hover: #171717;--color-bg: #f4efe7;min-height:100vh;overflow:auto}body.is-content-page .webgl{display:none}body.is-content-page .content{min-height:100vh;padding:calc(var(--page-padding) + 9rem) var(--page-padding) 5rem;pointer-events:auto}body.is-content-page .page-shell{width:min(980px,100%);margin:0 auto;display:grid;gap:clamp(1.6rem,3vw,3rem);color:#171717;pointer-events:auto}.page-shell__eyebrow,.page-shell__summary,.page-shell__card-body,.page-shell__notes{margin:0}.page-shell__eyebrow{max-width:64rem;font-size:.82rem;font-weight:700;opacity:.72;text-transform:uppercase}.page-shell__title{max-width:10.5em;margin:0;font-size:clamp(34px,7vw,72px);font-weight:700;line-height:.95;letter-spacing:0}.page-shell__summary{max-width:54rem;font-size:clamp(15px,2.2vw,22px);line-height:1.45;letter-spacing:0}.page-shell__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#17171738;border:1px solid rgba(23,23,23,.22)}.page-shell__card{min-height:16rem;display:grid;align-content:space-between;gap:2rem;padding:clamp(1.35rem,2.4vw,2.4rem);background:#f4efe7}.page-shell__card-title{margin:0;font-size:clamp(18px,2.4vw,28px);line-height:1;letter-spacing:0}.page-shell__card-body,.page-shell__notes{font-size:1rem;line-height:1.55;letter-spacing:0}.page-shell__notes{display:grid;gap:.7rem;padding:0;list-style:none;max-width:58rem}.page-shell__notes li{padding-bottom:.7rem;border-bottom:1px solid rgba(23,23,23,.18)}.page-shell__cta{width:fit-content;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid currentColor;padding:.9rem 1.1rem;font-size:.92rem;font-weight:700}@media screen and (max-width:52.99em){body.is-content-page .content{padding-top:calc(max(1.25rem,env(safe-area-inset-top)) + 11rem)}body.is-content-page .frame .frame__tags{display:flex;flex-direction:column;align-items:stretch;justify-self:center;width:100%;max-width:calc(100vw - 2.5rem);gap:.55rem;font-size:.75rem}body.is-content-page .frame .frame__tags__primary,body.is-content-page .frame .frame__tags__secondary{display:flex;flex-wrap:wrap;justify-content:center;gap:.72rem}body.is-content-page .frame .portfolio-index{display:none!important}.page-shell__grid{grid-template-columns:1fr}.page-shell__card{min-height:12rem}}.webgl{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:auto;touch-action:none;z-index:0;transform-origin:50% 50%;transition:filter .52s cubic-bezier(.22,1,.36,1),opacity .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1)}@media(max-width:52.99em){body.is-portfolio-picker-open .webgl{filter:saturate(.88) contrast(.92) blur(.5px);opacity:.78;transform:scale(.965)}}.debug-pane{position:fixed;right:1rem;top:4rem;z-index:2000}.fps-stats{position:fixed!important;left:max(1.5rem,env(safe-area-inset-left))!important;top:max(3.5rem,env(safe-area-inset-top))!important;right:auto!important;bottom:auto!important;z-index:2000!important;pointer-events:none}@media(max-width:53em){.debug-pane{top:auto;right:max(1.2rem,env(safe-area-inset-right));bottom:max(.75rem,env(safe-area-inset-bottom))}}.velocity-visualizer{position:fixed;left:max(1.52rem,env(safe-area-inset-left));bottom:max(4.75rem,env(safe-area-inset-bottom));z-index:2000;width:220px;padding:.5rem .625rem;border:1px solid rgba(255,255,255,.2);background:#040a12cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-family:var(--ui-font);text-transform:none;letter-spacing:var(--ui-tracking);pointer-events:none}.velocity-visualizer__label,.velocity-visualizer__value{margin:0;font-size:10px}.velocity-visualizer__value{margin-top:.25rem}.velocity-visualizer__track{position:relative;margin-top:.5rem;width:100%;height:6px;background:#ffffff1f}.velocity-visualizer__fill{position:absolute;top:0;left:50%;width:0;height:100%;background:#7fffd4}.plane-label-overlay{position:fixed;inset:0;z-index:80;isolation:isolate;pointer-events:none;transition:opacity .26s ease;color:#f4f4f4eb}body.is-text-contrast-preview .plane-label-overlay{color:#fff!important;text-shadow:0 1px 14px color-mix(in srgb,var(--active-plane-blob-2) 64%,rgba(0,0,0,.42)),0 0 18px color-mix(in srgb,var(--active-plane-accent) 30%,transparent)}body.is-text-contrast-preview .plane-label-overlay:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 12% 50%,color-mix(in srgb,var(--active-plane-accent) 18%,transparent),transparent 36%),radial-gradient(ellipse at 88% 50%,color-mix(in srgb,var(--active-plane-blob-1) 14%,transparent),transparent 34%),linear-gradient(90deg,color-mix(in srgb,var(--active-plane-blob-2) 34%,transparent),color-mix(in srgb,var(--active-plane-background) 12%,transparent) 23%,transparent 44%),linear-gradient(270deg,color-mix(in srgb,var(--active-plane-blob-2) 26%,transparent),color-mix(in srgb,var(--active-plane-background) 10%,transparent) 21%,transparent 40%),linear-gradient(0deg,color-mix(in srgb,var(--active-plane-blob-2) 28%,transparent),color-mix(in srgb,var(--active-plane-background) 10%,transparent) 30%,transparent 54%);opacity:.82;pointer-events:none}.plane-label-overlay__left{position:absolute;left:clamp(2.5rem,8vw,12rem);top:50%;transform:none;display:grid;gap:.75rem;padding-top:.85rem;padding-bottom:1rem}.plane-label-overlay__index{margin:0;font-size:9px;opacity:1}.plane-label-overlay__chip{width:18px;height:18px;border-radius:50%;display:inline-block;box-shadow:0 0 0 1px #ffffff24}.plane-label-overlay__right{position:absolute;right:clamp(2.5rem,7vw,10rem);top:50%;transform:none}.plane-label-overlay--sub-gallery .plane-label-overlay__right{display:none!important}.plane-label-card{width:min(28vw,360px);display:grid;grid-template-columns:1fr;align-items:start;pointer-events:none;opacity:1;color:inherit;font-family:var(--ui-font);text-transform:none;letter-spacing:var(--ui-tracking);line-height:1.15}.plane-label-card__word{margin:0;font-size:clamp(9px,.78vw,11px);white-space:nowrap}.plane-label-card__specs{margin:0;display:grid;gap:.25rem}.plane-label-card__row{margin:0;display:grid;grid-template-columns:4.25rem 1fr;align-items:baseline;gap:.8rem}.plane-label-card__row dt,.plane-label-card__row dd{margin:0}.plane-label-card__row dt{font-size:9px;opacity:1}.plane-label-card__value{font-size:clamp(9px,.72vw,11px);opacity:1}@media(max-width:53em){.plane-label-overlay{inset:auto 0 max(7.4rem,env(safe-area-inset-bottom)) 0;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);justify-content:stretch;align-items:start;column-gap:1.5rem;row-gap:.55rem;padding:0 max(1rem,env(safe-area-inset-right)) 0 max(1rem,env(safe-area-inset-left))}.plane-label-overlay__left{position:static;transform:none;gap:.5rem;grid-column:1;grid-row:2}.plane-label-overlay__right{position:static;transform:none;grid-column:2;grid-row:2;justify-self:stretch}.plane-label-card{width:100%;max-width:none}.plane-label-card__word{font-size:10px}.plane-label-card__row{grid-template-columns:3.25rem minmax(0,1fr);gap:.45rem}.plane-label-card__value{font-size:9px;overflow-wrap:anywhere}.plane-label-overlay.plane-label-overlay--sub-gallery{grid-template-columns:1fr}.plane-label-overlay.plane-label-overlay--sub-gallery .plane-label-overlay__left{grid-column:1}}