.card{--art-band: calc(var(--card-head-h) + var(--meta-band) + .35 * var(--card-font))}.card__name,.card__meta,.card__blurb{position:relative;z-index:2}.card-art,.card-art-white{position:absolute;left:var(--card-frame);right:var(--card-frame);z-index:1;pointer-events:none;overflow:hidden}.card-art{top:var(--card-frame);height:var(--art-band);background:var(--amb);-webkit-mask-image:linear-gradient(90deg,transparent 4%,#000 40%);mask-image:linear-gradient(90deg,transparent 4%,#000 40%)}.card-art-white{top:calc(var(--card-frame) + var(--art-band));bottom:var(--card-frame)}.card-art svg,.card-art-white svg{display:block;width:100%;height:100%}.card-art--lauren-project{--amb: radial-gradient(80% 120% at 80% 40%, #8c1d34, #2a0a13 70%)}.card-art--bumbleclaw{--amb: radial-gradient(#22d3ee .8px, transparent 1.2px) 0 0 / 5px 5px, linear-gradient(120deg, #ff3ea5, #9d174d)}.card-art--becussy{--amb: linear-gradient(100deg, #854d0e, #eab308 55%, #fde047)}.card-art--licanote{--amb: linear-gradient(100deg, #365314, #84cc16 60%, #d9f99d)}.card-art--irises{--amb: radial-gradient(70% 120% at 78% 30%, #4c1d95, #1e0b3a 75%)}.card-art--essair{--amb: repeating-radial-gradient(circle at 100% 120%, transparent 0 5px, rgba(147, 197, 253, .14) 5px 6px), linear-gradient(100deg, #0b1d3a, #1e40af)}.card-art--mindstack{--amb: linear-gradient(160deg, #083344, #0f766e)}.card-art--jevj{--amb: linear-gradient(100deg, #431407, #c2410c 50%, #f59e0b)}.card-art :where(g[class]){transform-box:fill-box;transform-origin:center;animation:var(--k, none) 1s ease-in-out infinite}.card-art .bf{--k: ca-boil;animation-timing-function:linear;opacity:0}.card-art .bf1{animation-delay:-.333s}.card-art .bf2{animation-delay:-.666s}.card-art .ca-d1{animation-delay:-.33s}.card-art .ca-d2{animation-delay:-.66s}.card-art[data-off] g{animation-play-state:paused}.m-scan{--k: ca-scan}.m-stamp{--k: ca-stamp}.m-shake{--k: ca-shake}.m-swing{--k: ca-swing}.m-popR{--k: ca-pop}.m-popL{--k: ca-pop;animation-delay:-.5s}.m-spin{--k: ca-spin;animation-timing-function:linear!important}.m-flash{--k: ca-flash}.m-shout{--k: ca-shout;animation-timing-function:ease-out!important}.m-bounce{--k: ca-bounce}.m-glow{--k: ca-glow}.m-pulse{--k: ca-pulse}.m-flicker{--k: ca-flicker;animation-timing-function:steps(4)!important}.m-rise{--k: ca-rise;animation-timing-function:ease-out!important}.m-gearA{--k: ca-gear;animation-timing-function:linear!important}.m-gearB{--k: ca-gear;animation-direction:reverse;animation-timing-function:linear!important}.m-lid{--k: ca-lid}.m-sway{--k: ca-sway}.m-hop{--k: ca-hop}.m-bob{--k: ca-bob}.m-needle{--k: ca-needle}.m-score{--k: ca-flash}.m-twinkle{--k: ca-pop}.m-swirl{--k: ca-swirl;animation-timing-function:linear!important}.m-up{--k: ca-up;animation-timing-function:linear!important}.m-down{--k: ca-up;animation-direction:reverse;animation-timing-function:linear!important}.m-eq{--k: ca-eq;transform-origin:bottom}@keyframes ca-boil{0%,33.3%{opacity:1}33.4%,to{opacity:0}}@keyframes ca-scan{0%,to{transform:translateY(-6px)}50%{transform:translate(3px,14px)}}@keyframes ca-stamp{0%{transform:rotate(-12deg) scale(1.5);opacity:0}18%{transform:rotate(-12deg) scale(.92);opacity:1}28%,to{transform:rotate(-12deg) scale(1);opacity:1}}@keyframes ca-shake{0%,to{transform:rotate(-4deg) scale(1)}50%{transform:rotate(4deg) scale(1.08)}}@keyframes ca-swing{0%,to{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}@keyframes ca-pop{0%,to{transform:scale(.4);opacity:0}30%{transform:scale(1.2);opacity:1}60%{transform:scale(1);opacity:1}}@keyframes ca-spin{to{transform:rotate(30deg)}}@keyframes ca-flash{0%,to{opacity:1}50%{opacity:.25}}@keyframes ca-shout{0%{transform:translate(4px) scale(.7);opacity:1}to{transform:translate(-6px) scale(1.25);opacity:0}}@keyframes ca-bounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(180deg)}}@keyframes ca-glow{0%,to{transform:scale(.92);opacity:.8}50%{transform:scale(1.08);opacity:1}}@keyframes ca-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}@keyframes ca-flicker{0%,to{opacity:1}40%{opacity:.7}60%{opacity:.95}}@keyframes ca-rise{0%{transform:translateY(6px);opacity:0}30%{opacity:1}to{transform:translateY(-20px);opacity:0}}@keyframes ca-gear{to{transform:rotate(45deg)}}@keyframes ca-lid{0%,80%,to{transform:scaleY(0)}90%{transform:scaleY(1)}}@keyframes ca-sway{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@keyframes ca-hop{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-1.6px)}}@keyframes ca-bob{0%,to{transform:translateY(1.5px) rotate(-8deg)}50%{transform:translateY(-2.5px) rotate(8deg)}}@keyframes ca-needle{0%,to{transform:rotate(-50deg)}50%{transform:rotate(40deg)}}@keyframes ca-swirl{to{transform:rotate(90deg)}}@keyframes ca-up{to{transform:translateY(-4px)}}@keyframes ca-eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion: reduce){.card-art g{animation-play-state:paused}}.chrome{position:fixed;left:24px;right:24px;z-index:50;display:flex;justify-content:space-between;pointer-events:none;mix-blend-mode:difference;color:#fff;--chrome-inset: 24px;--chrome-desc: 2.5px}.chrome--top{top:var(--chrome-inset);align-items:flex-start}.chrome--bottom{bottom:calc(var(--chrome-inset) - var(--chrome-desc));align-items:flex-end}@media (min-width: 768px){.chrome{left:30px;right:30px;--chrome-inset: 30px;--chrome-desc: 1.5px}}.chrome__slot{pointer-events:auto;display:flex}.chrome__brand,.chrome__nav{font-weight:700;line-height:1;letter-spacing:-.01em;white-space:nowrap;font-size:clamp(1.5rem,2vw,2rem)}.chrome__brand{text-transform:uppercase}.chrome__brand:focus-visible{outline:2px solid rgb(255 255 255 / .4);outline-offset:2px}.chrome__nav{text-transform:uppercase;transition:opacity .2s}.chrome__nav:hover,.chrome__nav:focus-visible{opacity:1}.chrome__nav:focus-visible{outline:2px solid rgb(255 255 255 / .4);outline-offset:2px}.chrome__big{font-weight:700;font-size:clamp(.7rem,1.8vw,1.6rem);line-height:1;letter-spacing:-.01em;white-space:nowrap;font-variant-numeric:tabular-nums}.card{position:relative;display:block;flex:none;width:var(--card-w);height:var(--card-h);color:var(--ink);perspective:700px;transition:transform .35s var(--ease-spring);-webkit-tap-highlight-color:transparent;--meta-band: calc( var(--card-pad) + 2 * var(--card-font) * 1.35 )}.card__tilt{--mx: var(--lx, 50%);--my: var(--ly, 50%);--rx: 0deg;--ry: 0deg;--bgx: var(--sx, 50%);--bgy: var(--sy, 50%);--edge: 0;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--card-radius);transform:var(--pose, rotateY(var(--rx)) rotateX(var(--ry)));transform-style:preserve-3d;will-change:transform;transition:transform .6s var(--ease-spring),box-shadow .4s ease;box-shadow:0 1px 1px #0000002e,calc(var(--rx) * -.4) calc(4px + var(--ry) * .4) 10px #0000001f}.card__tilt[data-active]{transition:transform .08s linear,box-shadow .2s ease}.card__face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:var(--card-frame);border:1px solid var(--ink);border-radius:inherit;overflow:hidden;background:var(--paper)}.card__head{position:relative;flex:none;display:flex;align-items:flex-start;justify-content:space-between;gap:4px;height:var(--card-head-h);padding:var(--card-pad);background:radial-gradient(120% 35% at 30% 0%,#2a2a2a 0%,var(--ink) 100%),var(--ink);color:var(--paper);font-size:var(--card-head-font);line-height:1.1;text-align:left}.card__head:after{content:"";position:absolute;left:0;right:0;top:100%;height:1px;background:var(--ink);pointer-events:none}.card__body{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:var(--card-pad) calc(var(--card-pad) - var(--card-frame) + var(--card-body-pad, 2px)) 0;font-size:var(--card-font);line-height:1.35;text-align:left;--meta-bar: var(--card-meta-band, calc(var(--meta-band) + .35 * var(--card-font)));background:linear-gradient(var(--ink) 0 var(--meta-bar),transparent var(--meta-bar));overflow:hidden}.card__meta{display:flex;flex-direction:column;flex:none;color:var(--paper)}.card__year{font-variant-numeric:tabular-nums;opacity:.6}.card__blurb{margin:0;flex:none;padding-right:calc(var(--card-pad) - var(--card-frame) + var(--card-body-pad, 2px));font-size:var(--card-blurb-font);text-wrap:pretty}.card__shine,.card__glare{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s ease}.card__shine{background:linear-gradient(115deg,#fff0 30%,#ffffff8c 45%,#fffffff2,#ffffff8c 55%,#fff0 70%);background-size:250% 250%;background-position:var(--bgx) var(--bgy);mix-blend-mode:screen}.card__glare{background:radial-gradient(farthest-corner circle at var(--mx) var(--my),rgba(255,255,255,1) 0%,rgba(255,255,255,.6) 12%,rgba(255,255,255,.15) 35%,rgba(255,255,255,0) 60%);mix-blend-mode:normal}.card__shine{opacity:calc(.05 + var(--light, 0) * .6)}.card__glare{opacity:calc(var(--light, 0) * .75)}.card__tilt[data-active] .card__shine{opacity:calc(.15 + var(--edge) * .5)}.card__tilt[data-active] .card__glare{opacity:calc(var(--edge) * .8)}.card{--card-thick: 5px}.card--lg{--card-thick: 8px}.card__face{transform:translateZ(calc(var(--card-thick) / 2))}.card__edge{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;pointer-events:none}.card__side{position:absolute;background:linear-gradient(var(--side-dir, 180deg),var(--ink) 0 18%,#e9e1d0 18% 82%,var(--ink) 82%)}.card__side--top,.card__side--bottom{left:0;width:100%;height:var(--card-thick)}.card__side--left,.card__side--right{top:0;width:var(--card-thick);height:100%;--side-dir: 90deg}.card__side--top{top:0;transform-origin:top;transform:translateZ(calc(var(--card-thick) / 2)) rotateX(-90deg)}.card__side--bottom{bottom:0;transform-origin:bottom;transform:translateZ(calc(var(--card-thick) / 2)) rotateX(90deg);filter:brightness(.7)}.card__side--left{left:0;transform-origin:left;transform:translateZ(calc(var(--card-thick) / 2)) rotateY(90deg);filter:brightness(.85)}.card__side--right{right:0;transform-origin:right;transform:translateZ(calc(var(--card-thick) / 2)) rotateY(-90deg);filter:brightness(.85)}.card__tilt[data-back] .card__face,.card__tilt[data-back] .card__shine,.card__tilt[data-back] .card__glare{-webkit-backface-visibility:hidden;backface-visibility:hidden}.card__back{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--card-frame);border:1px solid var(--ink);border-radius:inherit;background:var(--grain),repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 1px,transparent 1px 9px),repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0 1px,transparent 1px 9px),radial-gradient(120% 90% at 50% 30%,#2a2a2a 0%,var(--ink) 70%);color:var(--paper);transform:rotateY(180deg) translateZ(calc(var(--card-thick) / 2));-webkit-backface-visibility:hidden;backface-visibility:hidden}.card__back-frame{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6em;height:100%;border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 0 0 4px var(--ink),inset 0 0 0 5px #ffffff2e;font-size:var(--card-font)}.card__back-mark{display:grid;place-items:center;width:4.2em;height:4.2em;border:1px solid rgba(255,255,255,.6);border-radius:50%;font-size:1.9em;font-weight:700;letter-spacing:-.04em;text-transform:uppercase;background:var(--ink)}.card__back-name{font-weight:700;letter-spacing:.12em;text-transform:uppercase}.card__back-set{font-size:.8em;letter-spacing:.08em;font-variant-numeric:tabular-nums;opacity:.55}.card--lg{--card-pad: 16px;--card-font: 16px;--card-blurb-font: 19px;--card-head-font: 24px;--card-frame: 9px;--card-body-pad: 6px;--card-radius: 0}a.card:hover,a.card:focus-visible{transform:translateY(-14px) scale(1.06);z-index:10}a.card:hover .card__tilt,a.card:focus-visible .card__tilt{box-shadow:0 2px 2px #0000001f,calc(var(--rx) * -.8) calc(18px + var(--ry) * .8) 28px #00000038}a.card:active{transform:translateY(-6px) scale(1.02);transition-duration:.1s}a.card:focus-visible{outline:none}a.card:focus-visible .card__face{outline:2px solid var(--ink);outline-offset:3px}@media (prefers-reduced-motion: reduce){.card__tilt{transform:none!important}}.card.card--vt{--vt-pad: calc(var(--card-w) * .25);box-sizing:content-box;padding:var(--vt-pad);margin:calc(var(--vt-pad) * -1)}.card.card--vt>.card__tilt{inset:var(--vt-pad)}.home{position:relative;width:100%;height:1000vh}.scene{position:sticky;top:0;width:100%;height:100vh;overflow:hidden;perspective:1400px;perspective-origin:50% 50%;background:var(--paper-grey);--card-w: 170px;--card-h: 250px;--card-head-h: 80px;--card-pad: 9px;--card-font: 11px;--card-blurb-font: 13px;--card-head-font: 15px}.scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:var(--amb-page);opacity:var(--amb-on, 0);transition:opacity .9s cubic-bezier(.22,1,.36,1)}:root[data-amb] .scene:before{transition-duration:.45s}.world{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8vh;transform-style:preserve-3d;transition:transform .6s var(--ease-out);pointer-events:none}.world--front{z-index:4}.home__type{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(18px,4vh,40px);padding:0 clamp(24px,6vw,96px);pointer-events:none;color:#fff;mix-blend-mode:difference}.home__title{width:100%;max-width:1100px;padding:0;font-size:clamp(34px,6.5vw,84px);font-weight:400;line-height:1.06;letter-spacing:-.025em;text-align:center;text-wrap:balance;pointer-events:none;animation:title-rise .8s var(--ease-out) both}.home__title--sub{max-width:980px;font-size:clamp(22px,4.2vw,54px);font-weight:400;line-height:1.18;letter-spacing:-.02em;opacity:.95;text-wrap:balance;animation-delay:.25s}@keyframes title-rise{0%{opacity:0;transform:translateY(16px);filter:blur(6px)}}.float{position:absolute;left:calc(50% - var(--card-w) / 2);top:calc(50% - var(--card-h) / 2);width:var(--card-w);height:var(--card-h);will-change:transform;pointer-events:auto;transform-style:preserve-3d;transition:opacity .4s ease,filter .4s ease}.float:before{content:"";position:absolute;top:8%;right:6%;bottom:8%;left:6%;background:#00000038;box-shadow:0 0 34px 18px #00000038;transform:translate3d(10px,26px,-70px);pointer-events:none}.float.is-picked{z-index:100;transition:transform .42s cubic-bezier(.2,.9,.25,1.15)}.float.is-picked .card{transform:none}.world--leaving .float:not(.is-picked){opacity:0;filter:blur(10px);transition:translate .6s cubic-bezier(.16,1,.3,1),opacity .4s ease,filter .4s ease}.home__type:has(~.world--leaving) .home__title,.world--leaving .home__title{opacity:0;filter:blur(8px);letter-spacing:.04em;transition:opacity .35s ease,filter .35s ease,letter-spacing .5s ease}.float .card{transform-style:preserve-3d;transition:transform .35s var(--ease-spring)}.float a.card:hover,.float a.card:focus-visible{transform:scale(1.08)}@media (max-width: 600px){.scene{perspective:1000px;--card-w: 130px;--card-h: 192px;--card-head-h: 60px;--card-font: 9px;--card-blurb-font: 11px;--card-head-font: 12px}}.card-stack{--card-w: 276px;--card-h: 408px;--card-head-h: 118px;display:flex;flex-direction:column;align-items:center;gap:28px}.card-stack__stage{position:relative;width:var(--card-w);height:var(--card-h);cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.card-stack__stage[data-dragging]{cursor:grabbing}.card-stack__card{position:absolute;top:0;right:0;bottom:0;left:0;perspective:1200px;animation:card-land .9s var(--ease-out) backwards}.card-stack__card .card__tilt{transition:none;box-shadow:none}@keyframes card-land{0%{opacity:0;transform:translateY(24px) scale(.92)}}@media (max-width: 600px){.card-stack{--card-w: 216px;--card-h: 320px;--card-head-h: 93px}}.detail{display:flex;flex-direction:column;align-items:center;width:100%;padding:0 var(--page-pad);overflow-x:clip}.detail__grid{--detail-gutter: clamp(40px, 6vw, 112px);position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:var(--detail-gutter);width:100%;max-width:1160px;margin-inline:auto}.detail__showcase{display:flex;justify-content:center;min-width:0}.detail__copy{display:flex;flex-direction:column;gap:28px;justify-self:center;width:100%;max-width:520px;min-width:0}.detail__copy>*{animation:copy-in .9s cubic-bezier(.22,1,.36,1) .3s backwards}.detail__copy>:nth-child(2){animation-delay:.4s}.detail__copy>:nth-child(3){animation-delay:.5s}@keyframes copy-in{0%{opacity:0;transform:translateY(22px);filter:blur(6px)}}.detail--dived .card-stack__card{animation:none}@media (prefers-reduced-motion: reduce){.detail__copy>*{animation:none}}.detail__title{font-size:clamp(36px,4.4vw,60px);font-weight:700;line-height:1;letter-spacing:-.03em}.detail__description{margin:0;font-size:16px;line-height:1.55;text-align:justify;text-justify:inter-word;-webkit-hyphens:none;hyphens:none;white-space:pre-line}.detail__link{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-size:clamp(22px,2.4vw,32px);font-weight:700;line-height:1.15;letter-spacing:-.02em}.detail__arrow{transition:transform .3s var(--ease-spring)}.detail__link:hover .detail__arrow,.detail__link:focus-visible .detail__arrow{transform:translate(4px,-4px)}@media (max-width: 900px){.detail__grid{grid-template-columns:minmax(0,1fr);row-gap:48px;max-width:620px}.detail__grid:before{display:none}}:root{--ink: #000;--paper: #fff;--paper-grey: #efefef;--font-ui: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--card-w: 116px;--card-h: 172px;--card-head-h: 56px;--card-pad: 6px;--card-font: 8px;--card-blurb-font: 10px;--card-head-font: 11px;--card-frame: 5px;--card-radius: 0;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--page-pad: 24px;--chrome-band: calc(46px + clamp(1.5rem, 2vw, 2rem)) ;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.34, 1.4, .5, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}body,#root{height:100%}body{background:var(--grain),radial-gradient(120% 90% at 50% 40%,#f6f6f6 0%,var(--paper-grey) 60%,#e6e6e6 100%) fixed;background-color:var(--paper-grey);color:var(--ink);font:400 15px/1.45 var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{font-family:var(--font-ui)}a{color:inherit;text-decoration:none}button,input,select,textarea,optgroup{font:inherit;letter-spacing:inherit;color:inherit}img,svg,canvas{display:block}::selection{background:var(--ink);color:var(--paper)}.app{display:flex;flex-direction:column;min-height:100vh}.app__main{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:var(--chrome-band) 0}::view-transition-group(*){animation-duration:.35s;animation-timing-function:var(--ease-out)}html.vt-dive::view-transition-group(*){animation-duration:.8s;animation-timing-function:cubic-bezier(.22,1,.36,1)}html.vt-dive::view-transition-old(root){animation:vt-recede .6s ease both}html.vt-dive::view-transition-new(root){animation:vt-portal .85s cubic-bezier(.65,0,.35,1) both}html.vt-dive::view-transition-old(*):not(:only-child){animation-duration:.25s}@keyframes vt-portal{0%{clip-path:circle(0 at var(--vt-x, 50%) var(--vt-y, 50%))}to{clip-path:circle(150vmax at var(--vt-x, 50%) var(--vt-y, 50%))}}@keyframes vt-recede{to{opacity:0;transform:scale(.92);filter:blur(6px)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.not-found{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.not-found__title{font-size:clamp(32px,6vw,64px);font-weight:400}.not-found__link{font-size:15px;letter-spacing:-.01em;text-decoration:underline;text-underline-offset:3px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}::view-transition-group(*){animation-duration:.01ms}}@property --amb-page{syntax: "<color>"; inherits: true; initial-value: #efefef;}:root{--amb-page: var(--paper-grey);transition:--amb-page .9s cubic-bezier(.22,1,.36,1)}:root[data-amb]{transition-duration:.45s}html:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:var(--grain),radial-gradient(120% 90% at 50% 40%,#f6f6f6 0%,var(--amb-page) 60%,#e6e6e6 100%) fixed,var(--amb-page);opacity:var(--amb-on, 0);transition:opacity .9s cubic-bezier(.22,1,.36,1)}:root[data-amb] html:before{transition-duration:.45s}